Angular 2下拉选项默认值 [英] Angular 2 Dropdown Options Default Value
本文介绍了Angular 2下拉选项默认值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在Angular 1中,我可以使用以下命令为下拉框选择默认选项:
In Angular 1 I could select the default option for a drop down box using the following:
<select
data-ng-model="carSelection"
data-ng-options = "x.make for x in cars" data-ng-selected="$first">
</select>
在Angular 2中,我有:
In Angular 2 I have:
<select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)">
<option *ngFor="#workout of workouts">{{workout.name}}</option>
</select>
鉴于我的选项数据为:我如何选择默认选项
How could I select a default option given my option data is:
[{name: 'arm'}, {name: 'back'}, {name:'leg'}]
,我默认打开的值是back
?
[{name: 'arm'}, {name: 'back'}, {name:'leg'}]
and my value I to default on on is back
?
推荐答案
向selected
属性添加绑定,如下所示:
Add a binding to the selected
property, like this:
<option *ngFor="#workout of workouts"
[selected]="workout.name == 'back'">{{workout.name}}</option>
这篇关于Angular 2下拉选项默认值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文