selectタグのイベントからオブジェクトを取得するにはどうすればよいですか？

Question

私はこのようなgovernorateデータモデルの配列から動的にそのオプションを取るselectタグがあります。

<select [(ngModel)]="selectedGov" (ngModelChange)="onUpdateGov($event)"> 

    <option *ngFor="let gov of governorates">{{gov.code}}</option> 

</select> 

とonUpdateGov方法：

onUpdateGov(newGov) { 
    console.log(newGov); 
} 

このメソッドは、行政区域コードを記録し、IをすべてのGovオブジェクトをイベントから受け入れたい

<option [ngValue]="gov" .... 

demo

Answer 1

ちょうどngValueoptionに追加]を選択し、全行政区のオブジェクトを取得することができます。明示的に値をバインドしていない場合は、タグのテキスト値を取得します。 [value]=...とバインドして文字列値を取得するか、[ngValue]=...を使用して実際のオブジェクト参照を取得できます。

[ngValue]バインドを使用すると、バインドされたモデルへの参照には、文字列値（gov.code）の代わりにオブジェクトが反映されます。したがって、イベント値を使用する必要はなく、コンポーネントのバウンドプロパティに依存することさえできます。

Answer 2

modelChangeは、このオプションの値を取得解雇さ： は、どのように私は、ユーザーが