离子选择未在浏览器上显示

Question

我尝试创建一个离子选择以选择一个以显示更多信息的位置。

所以我创建了以下代码：

<ion-item *ngIf="foundedPlaces">
    <ion-label>Place</ion-label>
    <ion-select interface="action-sheet" [(ngModel)]="activePlace">
      <ion-select-option *ngFor="let place of foundedPlaces">{{place}}</ion-select-option>
    </ion-select>
  </ion-item>

基础是以下对象的数组：

{placeid: number, name: string}

在浏览器中，我只会看到一个小的小箭头，但是如果我单击它，它将不起作用。

我还尝试使用离子文献中的以下代码：

  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select placeholder="Select One">
      <ion-select-option value="f">Female</ion-select-option>
      <ion-select-option value="m">Male</ion-select-option>
    </ion-select>
  </ion-item>

，但这是同样的问题。

我希望任何人都知道怎么了。

编辑：

这是我的离子节目的输出：

Ionic:
   ionic (Ionic CLI)             : 4.12.0 (C:UsersKreLouAppDataRoamingnpmnode_modulesionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.1
   @angular-devkit/build-angular : 0.12.2
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.2
System:
   NodeJS : v10.13.0 (C:Program Filesnodejsnode.exe)
   npm    : 6.4.1
   OS     : Windows 10

Answer 1

您必须指定要在列表中显示的对象的元素。

使用{{place.name}}