Select 选项选择的关键字无效

Question

在我的 html 中使用 select 选项下拉列表，但它在我的 Angular 项目中不起作用

 <td>
 <select type="text" class="form-control" [(ngModel)]="addressDetails.AddressTypeId"id="AddressTypeId" formControlName="AddressTypeId" style="height:29px; width:200px; padding:3px">
 <option disabled selected value > -- select an option -- </option>
 <option *ngFor="let addressType of addressTypeDetails" value={{addressType.AddressTypeID}}>
             {{addressType.AddressType}} </option>
 </select>
 </td>

Answer 1

您正在绑定数组对象的 ngmodel，这是不正确的。我已经创建了一个示例，请查看 stackblitz 我创建了 addressDetail 对象来绑定 ngModel。请检查下面的 html。这是组件代码。

addressTypeDetails = [{AddressTypeID:1,AddressType:'first'},{AddressTypeID:2,AddressType:'second'}]
  addressDetail = {addressTypeId:0}

这是 Html 代码。

 <select type="text" class="form-control" [(ngModel)]="addressDetail.addressTypeId" id="AddressTypeId"  style="height:29px; width:200px; padding:3px">
 <option > -- select an option -- </option>
 <option *ngFor="let addressType of addressTypeDetails" value={{addressType.AddressTypeID}}>
             {{addressType.AddressType}} </option>
 </select>

Select 选项选择的关键字无效

Select option selected keyword not working

html

dropdown

ngmodel

angular