javascript - 双向绑定(bind)到 Angular 2 中的选择元素不会在第一次渲染时设置所选元素

Question

我有以下代码用于将对象 [] 绑定(bind)到 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] 属性，但没有区别。一些附加信息:如果不是对象，如果我使用以下代码绑定(bind)到 Type 属性(字符串值)(它工作正常):

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

但是，我真的希望能够与对象进行双向数据绑定(bind)。你能看到我在这里可能遗漏的东西吗？

Answer 1

ma.selectedItemType 必须引用 myItemType 的项目。它必须指向同一个实例，即使具有相同内容的另一个实例也不会工作。