ionic-framework - Ionic3 - 如何使用 ion-select 和 ion-option 将选定的值传递给事件？

Question

我想在更改 ionic 选项时传递员工 ID。我试过这个，但它不起作用，如果有任何错误，请告诉我
这是我的代码:

<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);
}

Answer 1

与 ion-option 一起使用的正确事件是 ionSelect .

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

这将在用户选择特定选项时触发。

由于您使用的是 react 形式，您可以使用 valueChanges可观察的 formGroup 或 formControl。

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

这将在用户在选择表单中单击“确定”后被调用。