初始化在angular2中动态选择值
问题描述:
我是在循环中设置select选项的值。看看代码初始化在angular2中动态选择值
<div *ngFor="let sport of sport_data;" class="row">
<select [(ngModel)]="sports.value" class="form-control">
<option value="football">Sports</option>
<option value="cricket">Cricket</option>
</select>
</div>
这里sport_data是体育列表的数组。它不能正常工作。他们有什么其他方法来设置select元素的默认值?
答
该选择是否应该绑定到* ngFor的“sport”变量?在那种情况下,你似乎有一个错字,因为你将ngModel绑定到“运动”而不是“运动”。该代码应该是这样的:
<div *ngFor="let sport of sport_data;" class="row">
<select [(ngModel)]="sport.value" class="form-control">
<option value="football">Sports</option>
<option value="cricket">Cricket</option>
</select>
</div>
正如你自找的,不同的方法可以是使用(其他城市)事件上的选择设定值和[选择]的选项结合是选择。
在这里,我使用ngmodel设置默认值,sport.value返回像足球和板球的值。即使在纠正我的错字错误之后,它仍然无效。 – MOHIT
@MOHIT我用你的代码做了一个小的plunkr,看[link](https://plnkr.co/edit/BTbsjQL1yBlOFa58OKEF?p=preview)。这是你想实现的吗?即您的sport_data的每个字段有多个选择框? – Kergoss
是的,这就是我想要实现的。谢谢 – MOHIT