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版本（＆gt; = beta.16），这只适用于所有浏览器

Answer 2

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

对于ngModel：您可以写为someProperty = Day
对于ngFormControl：您也可以写为selectControl.value= Day

它会正常工作。

选择Angular2的双向绑定

2 个答案: