选择Angular2的双向绑定

Ham*_*mer 3 angular2-forms angular

Angular2,在我的ts中,我有一个控制组,如何使用ngFormControl在html中进行选择的双向绑定?

form.component.ts

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

  selectedGroup: ['']
})
Run Code Online (Sandbox Code Playgroud)

form.component.html

  <select class="form-control" ????>
      <option>Day</option>
      <option>Hour</option>
      <option>week</option>
      <option>Month</option>
    </select>
Run Code Online (Sandbox Code Playgroud)

Gün*_*uer 5

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

其中someProperty是保持值或上的部件类中的属性

<select class="form-control" [ngFormControl]="selectControl">
  <option>Day</option>
  <option>Hour</option>
  <option>week</option>
  <option>Month</option>
</select>
Run Code Online (Sandbox Code Playgroud)

如果您使用的是最新的Angular2版本(> = beta.16),则此功能仅在所有浏览器上均正常运行