循环中的Angular2下拉选择
提问于 2017-07-27 08:30:07
我有两个数组serviceOptions和reactivePackages。在每个服务选项的旁边有一组反应包(如下拉列表所示)。
现在我在循环中动态创建dropdowns。我的问题是如何在表单提交时获得所选的下拉列表选项？(这是表单的一部分)
<label *ngFor="let service of serviceOptions">
<b>{{service.serviceName}}</b>
<br /><br />
<md-select placeholder="Select Package" formControlName="packageName" size="30">
<ng-container *ngFor="let package of (reactivePackages | async)">
<md-option *ngIf="service.serviceId==package.serviceId" [value]="package" (click)="hello()">
{{ package.packageName }}
</md-option>
</ng-container>
</md-select>
<br /> <br />
</label>
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-27 10:42:32
You can achieve it by saving the selected option in a variable.
You need to follow just two steps.
1. Create a method on component.ts that will store the selected option.
Example-
selectedData(event: any) {
this.storedData = event.target.value;
}
2. Call this method on html.
Example-
<select class="form-control" (change)="selectedData($event)">
<option *ngIf="service.serviceId==package.serviceId" [value]="package">{{ package.packageName }}</option>
</select>
3.Then simply call a method that will save the selected data.页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45345342
复制相关文章
点击加载更多
腾讯云开发者
