Ionic2选择值未定义

Question

嗨，我在离子2中有一个选择框为。

//home.html

      <ion-item>
      <ion-label>Select City</ion-label>
      <ion-select [(ngModel)]="city"  (ionChange) ="getDoors()">
      <ion-option  *ngFor="let city of cities" [value]="city.id">
       {{city.name}}</ion-option>
    </ion-select>
    </ion-item>

//home.ts
getDoors(){
 console.log(this.cities);
}

但是当我更改选项时会抛出错误，错误尝试区分＆＃39; 1＆＃39;

任何人都可以让我知道这里的问题

感谢提前

Answer 1

也许是因为你为你的ngModel城市命名，你的* ngFor也使用了城市。可能会引发冲突。我会将您的ngModel更改为

[(ngModel)]="selectedCity"

Answer 2

有两种方法可以获取所选项目的值。

方法1

// home.html的

  <ion-item>
  <ion-label>Select City</ion-label>
  <ion-select [(ngModel)]="city"  (ionChange) ="getDoors($event)">
  <ion-option  *ngFor="let city of cities" [value]="city.id">
   {{city.name}}</ion-option>
</ion-select>
</ion-item>

//home.ts
getDoors($event){
 console.log($event);
}  

方法2

使用 ngModel

 //home.html

  <ion-item>
  <ion-label>Select City</ion-label>
  <ion-select [(ngModel)]="selectedcity"  (ionChange) ="getDoors($event)">
  <ion-option  *ngFor="let city of cities" [value]="city.id">
   {{city.name}}</ion-option>
</ion-select>
</ion-item>

//home.ts
selectedcity: city
getSelectedCity(){
 return this.selectedcity;
}