双向绑定选择Angular2

Angular2，在我的ts中，我有一个控制组，我怎么能在我的html中使用ngFormControl的双向绑定选择？双向绑定选择Angular2

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>

来源

2016-05-09 Hammer

<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）

来源

2016-05-09 06:40:31

我可以使用ngFormControl吗？ – Hammer

是的，我试过ngFormControl。这是工作。对于我的情况，我可能不需要数据模型 – Hammer

selected =“selected”不起作用，通过数据绑定覆盖 – Hammer

在这个例子中，选择的属性不起作用！但在TS文件

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

它将正常工作。

来源

2017-04-30 12:53:58

双向绑定选择Angular2

回答

相关问题