對Angular 2中的select元素進行雙向綁定不會在第一次渲染時設置所選元素

Question

我有以下代碼用於將對象[]綁定到Angular 2.0（rc 1）中的選擇列表。 問題是，最初當選擇列表處於渲染狀態時，它不會預先選擇合適的值/索引。

在下面的代碼示例中，“ma”是組件的實際類變量。 ma有一個SelectedItemType屬性，它是myItemTypes對象數組中的一個對象。

  <select class="form-control" [(ngModel)]="ma.SelectedItemType">
      <option *ngFor='let item of myItemTypes'
                                    [ngValue]='item'>{{item.Label}}
      </option>
  </select>

我嘗試過使用[selected] / [attr.selected]屬性，但沒有區別。 一些額外的信息：如果我使用下面的代碼綁定到Type屬性（一個字符串值）而不是對象（它工作正常）：

<select class="form-control" [(ngModel)]="ma.SelectedItemType.Type">
          <option *ngFor='let item of myItemTypes'
                                        [value]='item.Type'>{{item.Label}}
          </option>
 </select>

但是，我真的希望能夠與Object進行雙向數據綁定。 你能看到我在這里失蹤的東西嗎？

Answer 1

ma.selectedItemType必須參照的項目myItemType 。 它必須指向同一個實例，即使具有相同內容的另一個實例也不起作用。