如何从角度8中的选定单个项目中获取多个值

Question

我正在填充具有多个值的下拉列表，例如productId，productName，skuId，Sku，Category Id。并显示带有下拉菜单，并显示为productName。

从Webapi到下拉列表的数据绑定。

在ts文件中

this.productData = response.result;

<select id="prodcode" class="form-control" formControlName="prodCode"   required>
           <option [value]="''">Product Code</option>
           <option [value]="product.productId"
             *ngFor="let product of productData">                                    
              {{product.productName}}</option>
 </select>

听到我只能使用formcontrol获得productId。我需要进入ts文件中的所有铰孔数据，例如

productName，skuId，Sku，类别ID。

请为此提供解决方案，请帮助我。

Answer 1

您可以通过将值与[ngValue]绑定来获得产品对象。

<option [ngValue]="product" *ngFor="let product of productData">
  {{product.productName}}
</option>