Bootstrap 4 如何按以前选择的项目id填充下拉列表

我正在用productId、productName、skuId、Sku和Category Id等多个值填充下拉列表，并使用productName显示下拉列表

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

代码：

---

如何填充所选项目？

如果

行

是

产品

，则应将其设置为

prodCode

this.productForm.reset({
prodCode:行，
泰：行。数量，
)};

---

我认为变量的名称应该更改为类似于

product

的东西，因为您没有为

的

[ngValue]

指定正确的值，对于上面的示例，当您使用

[ngValue]=“product.productId”

（检查

this.productData

，查看

productId的大小写是否正确）

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


产品代码
{{product.productName}
zmag行不包含任何值..并且产品是ngvalue的对象..它包含productid、skuid、sku、categoryid、产品名称..我想在编辑模式下填充上一个选定的项目
 this.productForm.reset({
   prodCode: row.ProductId,
    qty: row.Quantity,
    mcp: row.MCP,
    weight: row.weight,
    rate: row.Rate
 )};

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