Ionic 浏览器上未显示Ion-select

6kkfgxo0  于 2022-12-20  发布在  Ionic
关注(0)|答案(1)|浏览(184)

我尝试创建一个离子选择来选择一个地方显示更多信息。
所以我创建了下面的代码:

<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>

foundedPlaces是以下对象的数组:

{placeid: number, name: string}

在浏览器中,我只看到一个小的litte箭头向下,但如果我点击它,它将不起作用。
我还尝试使用ionic文档中的以下代码:

<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:\Users\KreLou\AppData\Roaming\npm\node_modules\ionic)
   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 Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10
hjqgdpho

hjqgdpho1#

你必须给予你的对象中你想要在列表中显示的元素。用{{place.name}}试试

相关问题