NgModel空的，選擇HTML標籤

Question

看一個這樣的：

 <label>Business unit</label> 
     <select name="BU" class="form-control" [(ngModel)]="interventionForm.DLCODBUN"> 
      <option *ngFor="let item of buList" >{{item.id}}</option> 
     </select> 

當我打開相關網頁，選擇框中顯示的默認值（第名單），但這只是結合的視圖。

here's the image

逸岸，如果我在應用程序中，與結合可變用下去[（ngModel）]將是不確定的。

只有在選擇框中選中了interventionForm.DLCODBUN纔會被填充，但是我希望與默認值相同！ 並不奇怪？有人知道解決方法？

Answer 1

也許是由於缺少選項標籤中的ngValue屬性。

嘗試將項目值添加到選項標記，它可能工作。

<option *ngFor="let item of buList" [ngValue]="item.value">{{item.id}}</option> 

Answer 2

在component.ts中將默認值賦值爲interventionForm.DLCODBUN。然後它也會出現在選擇框中，並且你將在component.ts中獲得值。直到您從下拉菜單中更改某項內容，您纔會獲得分配的值，因此最佳選項是在組件中分配默認值.ts