当 formcontrol 位于 select 标签上时，selected 属性不起作用

Question

预期行为

将选定值设置为“选择”下拉下拉

中设置该选项时。

HTML 代码：

<select id="products" class="form-control new-select padding" formControlName="featured_product">
 <option>Please Select</option> 
<option *ngFor="let p of products" [ngValue]="p" [attr.selected]="p.ProductId == product.ProductId ? '': null" >{{p.ProductName}}</option>
 </select>

Answer 1

 <select id="products" class="form-control new-select padding" formControlName="featured_product">
   <option>Please Select</option> 
   <option *ngFor="let p of products" [value]="p" [attr.selected]="p.ProductId == product.ProductId ? '': null" >{{p.ProductName}}</option>
 </select>

我已经尝试过这段代码并且它工作正常。

products = [{ProductId: 1, ProductName : 'a'},
   {ProductId: 2, ProductName : 'ab'},
   {ProductId: 3, ProductName : 'abc'},
   {ProductId: 4, ProductName : 'abcd'} ];

product =  {ProductId: 2, ProductName : 'ab'};