選擇Angular2的雙向綁定

Question

Angular2，在我的ts中，我有一個控制組，如何使用ngFormControl對我的html中的select進行雙向綁定？

form.component.ts

this._reportGeneratingForm = fb.group({
 ......

  selectedGroup: ['']
})

form.component.html

  <select class="form-control" ????>
      <option>Day</option>
      <option>Hour</option>
      <option>week</option>
      <option>Month</option>
    </select>

Answer 1

<select class="form-control" [(ngModel)]="someProperty">
  <option>Day</option>
  <option>Hour</option>
  <option>week</option>
  <option>Month</option>
</select>

其中someProperty是包含值或的組件類的屬性

<select class="form-control" [ngFormControl]="selectControl">
  <option>Day</option>
  <option>Hour</option>
  <option>week</option>
  <option>Month</option>
</select>

這只適用於所有瀏覽器，如果您有最新的Angular2版本（> = beta.16）

Answer 2

在此示例中，所選屬性不起作用！ 但是在ts文件中

• 對於ngModel：您可以寫為someProperty = Day
• 對於ngFormControl：您也可以寫為selectControl.value= Day

它會正常工作。