angular2のカスタムhtml属性値を取得します

Question

私はアプリケーションを構築するために角度2を使用しています。これは、これまでの私のコードです：あなたが見ることができるように

テンプレート

<select class="form-control input-xs" [(ngModel)]="filter.coordinatorId" name="coordinatorId" (ngModelChange)="onCoordinatorChange($event)">                
    <option *ngFor="let coordinator of coordinators; let i = index" [value]="coordinator.id" [selected]="i==0">{{coordinator.name}}</option>          
</select> 

コンポーネント

onCoordinatorChange(coordinatorId: number){ 
     alert(coordinatorId); 
     //business logic 
    } 

、私はので、私は、アラートでcoordinator.id値を取得していますoptionに[value]="coordinator.id"を設定し、私がそれをcoordinator.nameに変更すると、その価値が得られます。しかし、ここではcoordinator.id,coordinator.name、coordinator.departmentなどの複数の値を取得したいと思います。そのため、1つのソリューションはカンマで区切ってもかまいませんが、他のパラメータがある場合は醜く維持しにくいでしょう。私は関数を記述するために、他のオプションに何かありますか：

onCoordinatorChange(coordinatorId: number, name: string, department: string){ 
      alert(coordinatorId); 
      //business logic 
} 

Answer 1

[value]の代わりに[ngValue]を使用して設定してくださいオブジェクト全体を値として渡すと、オブジェクト全体が渡され、その属性にアクセスできます。

<select class="form-control input-xs" [(ngModel)]="filter.coordinator" name="coordinatorId" (ngModelChange)="onCoordinatorChange($event)">                
    <option *ngFor="let coordinator of coordinators; let i = index" [ngValue]="coordinator" [selected]="i==0">{{coordinator.name}}</option>          
</select> 

Answer 2

をあなたは代わりに[value]の[ngValue]を使用し、これは

かかわらに変更する必要があります代わりに coordinator.id

[ngValue]="coordinator" 

のcoordinatorを渡すことができます

[(ngModel)]="filter.coordinator"