雙向綁定選擇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

回答

相關問題