2017-12-01 11 views
0

ion-optionの変更に従業員IDを渡したいと思います。私はこれを試してみましたが、間違いの場合は私に教えてください動作していない ここに私のコードです:Ionic3 - イオン選択とイオンオプションを使用してイベントに選択した値を渡す方法は?

<ion-label>Employee</ion-label> 
<ion-select formControlName="employee"> 
    <ion-option *ngFor="let employee of employees" (ionChange)="selectEmployee($event, employee)">{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option> 
</ion-select> 

employee.tsファイルコード:

selectEmployee(event, employee) 
{ 
    alert(employee.EMP_ID); 
} 

答えて

1

で使用する正しいイベントion-optionionSelectです。

<ion-option *ngFor="let employee of employees" (ionSelect)="selectEmployee($event, employee)">{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option> 

これは、ユーザーが特定のオプションを選択すると発生します。

反応的なフォームを使用しているため、valueChangesを使用して、formGroupまたはformControlを観測できます。

this.yourForm.controls['employee'].valueChanges.subscribe(data=>console.log(data)); 

これは、ユーザーが選択フォームで[OK]をクリックすると呼び出されます。

関連する問題