選択htmlタグ

Question

と空NgModelはこの見て：私は相対的なWebページを開くと、選択ボックスが（リストの最初の）デフォルト値を示したが、それが結合ビューのみです

 <label>Business unit</label> 
     <select name="BU" class="form-control" [(ngModel)]="interventionForm.DLCODBUN"> 
      <option *ngFor="let item of buList" >{{item.id}}</option> 
     </select> 

を。

here's the image

Infactは私はアプリケーション内で上に行く場合は、[（ngModel）]が結合した変数は未定義になります。唯一の選択ボックスinterventionForm.DLCODBUNの選択と

が取り込まれますが、私は、デフォルト値と同じことをしたいです！ は奇妙ではありませんか？誰かが回避策を知っていますか？あなたのcomponent.tsのデフォルト値を持つ

Answer 1

をデフォルト値を割り当てるで、割り当てられた値を取得することはありません。

がオプションタグに項目値を追加しようと、それが動作する可能性があります。

<option *ngFor="let item of buList" [ngValue]="item.value">{{item.id}}</option> 

Answer 2

割り当てinterventionForm.DLCODBUNこの。その後、選択ボックスにも表示され、component.tsに値が設定されます。あなたがドロップダウンから何かを変更するまで、あなたはとても最良の選択肢は多分それがオプションタグでngValue属性の欠落によって引き起こさcomponent.tsにすでに