Я пытался создать ion-select, чтобы выбрать одно место для отображения дополнительной информации.
Итак, я создал следующий код:
<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>
foundPlaces - это массив следующих объектов:
{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>
Но здесь та же проблема.
Надеюсь, кто-нибудь знает, что не так.
Edit:
Вот вывод моего ионного шоу:
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