初始化在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> 

正如你自找的，不同的方法可以是使用（其他城市）事件上的選擇設定值和[選擇]的選項結合是選擇。