如何从角度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,Category Id。

请帮帮我。

Answer 1

通过将值与[ngValue] 绑定，您将拥有一个产品对象。

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