循环中的Angular2下拉列表选择

我有两个数组

servicepoptions

和

reactivePackages

。针对每个服务选项，都有一系列反应性包（显示在下拉列表中）

现在我在循环中动态创建下拉列表。我的问题是如何在表单提交时获得所选的下拉列表选项？（这是表单的一部分）

{{service.serviceName}



{{package.packageName}

您可以通过将所选选项保存在变量中来实现。
你只需要遵循两个步骤。
1.在component.ts上创建将存储选定选项的方法。
示例-
所选数据（事件：任意）{
this.storedData=event.target.value；
}
2.在html上调用此方法。
范例-
{{package.packageName}
3.然后只需调用一个将保存所选数据的方法。

您希望表单对象的外观如何？

    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.