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

Question

我想在更改离子选项时传递员工 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>

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

由于您使用的是反应式表单，因此您可以使用valueChangesformGroup 或 formControl 的可观察对象。

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

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