変更選択送信ID？

Question

<select class="form-control" type="text" required (change)="onChangeLov($event)">> 
     <option value=""></option> 
     <option *ngFor ="let contact of contacts">{{contact.id}} - {{contact.name}}, {{contact.ptechnologyName}}, {{contact.mainlocationName}} </option> 
</select> 

私はこれを送信したいと思っていますonChangeLove($event)contact.idからのみngFor ...どのように私はそれを行うことができますか？あなたはオプションのvalueプロパティにIDを置くことができ、角度2

Answer 1

を使用して

イム。オプションを選択すると、イベント・エミッターによって（変更された）イベントのターゲットとして送信されます。

この値は、event.target ['value']を通じて関数内で取得できます。ここに例があります：

Answer 2

モデルをツアー選択に追加します（例：myModel）。また、ngValueをオプションに追加すると、選択モデルがその価値を得ることができます。ちょうど成分で

<select class="form-control" [(ngModel)]="myModel" required (ngModelChange)="onChangeLove($event)">> 
      <option value=""></option> 
      <option *ngFor="let contact of contacts" [ngValue]="contact.id">{{contact.id}} - {{contact.name}}, {{contact.ptechnologyName}}, {{contact.mainlocationName}}</option> 
</select> 

：

onChangeLove() { 
    console.log(this.myModel); 
}