angular2で選択値を動的に初期化する

Question

ループ内で選択オプションの値を設定しています。コードを見てください

<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の "スポーツ"変数へのバインディングが必要ですか？その場合、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> 

ように、異なるアプローチが可能にするオプションの値バインディングおよび[選択]を設定する選択上の（変化する）イベントを使用することができ選択された。