如何从 angular 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 文件中获取所有扩孔数据，例如

产品名称、skuId、Sku、类别 ID。

非常好心地寻找解决方案，请帮助我。

Answer 1

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

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