离子3-离子选择无法看到选择选项的值

Question

我正在选择选项菜单。我看不到下拉选择中的值。我不知道我在做什么错。请通过以下代码一次

1。 HTML

<ion-item id="fontBar" *ngIf="isAddTextSelected">
      <ion-label>Gender</ion-label>
      <ion-select [(ngModel)]="gender">
          <ion-option *ngFor="let employee of employees" [value]="employee"></ion-option>
      </ion-select>
    </ion-item>

2。 JS

this.employees = ["vishal", "poonam", "Asha", "Usha", "Sachin", "Rahul", "Mama", "Pravin", "Sehwag", "Rajendra", "Swara", "Ranu",
  "vishal", "poonam", "Asha", "Usha", "Sachin", "Rahul", "Mama", "Pravin", "Sehwag", "Rajendra", "Swara", "Ranu"];

我向构造函数中的employee变量添加了值。

注意-：我已经在下面的app.module.ts中导入了文件，甚至将其添加到所需的ts文件中。

import { FormsModule } from '@angular/forms';
imports: [
    BrowserModule,
    FormsModule,
    IonicModule.forRoot(MyApp, {
      scrollPadding: false,
      [![scrollAssist][1]][1]: true,
      autoFocusAssist: false

}),

3。输出-

Answer 1

您必须为option提供一个内部值，如下所示：

<ion-option [value]="group.id">
  {{ group.name }}
</ion-option>

Answer 2

选择组件采用子离子选项组件。如果没有为ion-option提供值属性，则它将使用其文本作为值。 因此，您可以通过两种方式解决此问题：

1。使用值：

<ion-select [(ngModel)]="gender">
 <ion-option *ngFor="let employee of employees" [value]="employee">
    {{employee}}
 </ion-option>
</ion-select>

2。无值：

<ion-select [(ngModel)]="gender">
 <ion-option *ngFor="let employee of employees">
    {{employee}}
 </ion-option>
</ion-select>

参考： https://ionicframework.com/docs/api/components/select/Select/