Question

我想使用<ion-select>和<ion-option>显示数组，但以下代码无效：

home.ts

cars=['BMW','Ferari','Audi','Bugati'];

home.html的

<ion-select>CARS</ion-select>
<ion-option>{{cars}}</ion-option>

Answer 1

您需要以下内容：

<ion-item>
  <ion-label>Employee</ion-label>
  <ion-select [(ngModel)]="employee" [compareWith]="compareFn">
    <ion-option *ngFor="let employee of employees" [value]="employee"></ion-option>
  </ion-select>
</ion-item>

有关更多信息，请参阅Ionic API Documentation - select

Answer 2

您需要以下内容，

<select ng-model="selected">
    <option ng-repeat="car in cars" ng-value="{{car}}"> {{car}}</option>
 </select>

如何使用ion-select和ion-option显示数组？

2 个答案: