初始化在angular2中动态选择值

Question

我是在循环中设置select选项的值。看看代码

<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元素的默认值？

Answer 1

该选择是否应该绑定到* 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> 

正如你自找的，不同的方法可以是使用（其他城市）事件上的选择设定值和[选择]的选项结合是选择。