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

时间:2018-01-28 15:20:34

标签: angular ionic-framework

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

home.ts

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

home.html的

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

2 个答案:

答案 0 :(得分:2)

您需要以下内容:

<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

答案 1 :(得分:1)

您需要以下内容,

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