Как получить несколько значений из выбранного элемента в угловых 8

Question

Я заполняю раскрывающийся список несколькими значениями, такими как productId, productName, skuId, Sku, 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>

слышу, что я могу получить productId только с помощью formcontrol.Мне нужно получить в файле TS все развертываемые данные, такие как

productName, skuId, Sku, ID категории.

так что любезно ищите решение для этого, пожалуйста, помогите мне.

Answer 1

Вы могли бы получить объект продукта, связав значение с [ngValue].

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