![](/img/trans.png)
[英]Defaulting an Angular2 <option> in a <select> with two-way binding
[英]Two-way binding for select Angular2
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>
<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)
在此示例中,所选属性不起作用! 但是在ts文件中
someProperty = Day
selectControl.value= Day
它会正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.