Выберите опцию выбранное ключевое слово не работает

Question

в моем html-списке раскрывающегося списка выбора параметров, но он не работает в моем проекте 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>