Ionic framework Ionic3-如何使用离子选择和离子选项将所选值传递给事件？

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

---

与离子选项一起使用的正确事件是

---

用户在选择表单中单击“确定”后，将调用此函数。

您可以使用

ngModel

传递所选选项的值。下面，所选选项的对象使用名为

emp

的变量通过ngModel传递。此变量应在

employee.ts

中全局声明，以便在整个类中使用

employee.html

<ion-select [(ngModel)]="emp" interface="popover">          
   <ion-option *ngFor="let employee of employees" [value]=employee>{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option>
</ion-select>

如果在不需要全局变量的情况下执行某些逻辑，则可以去掉

ngModel

，只在函数内部执行，然后应在

选项

内使用

ionSelect

，方法是从

选择

标记中删除

ionChange

，如下所示

<ion-select [(ngModel)]="emp" interface="popover" (ionChange)="onEmpSelected()">          
   <ion-option *ngFor="let employee of employees" [value]=employee>{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option>
</ion-select>

<ion-select interface="popover">
   <ion-option *ngFor="let employee of employees" (ionSelect)="onEmpSelected(employee)">{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option>
</ion-select>

onEmpSelected(employee) {

// write your logic here

}

如果您使用的是

ionSelect

，而不使用

ngModel

，则所选选项数据将在本地可用，可通过如下功能访问

<ion-select [(ngModel)]="emp" interface="popover" (ionChange)="onEmpSelected()">          
   <ion-option *ngFor="let employee of employees" [value]=employee>{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option>
</ion-select>

<ion-select interface="popover">
   <ion-option *ngFor="let employee of employees" (ionSelect)="onEmpSelected(employee)">{{ employee.FirstName + " " + employee.MiddleName + " " + employee.LastName }}</ion-option>
</ion-select>

onEmpSelected(employee) {

// write your logic here

}

onEmpSelected(employee) {

// write your logic here

}