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);
}

Но когда я меняю опцию, она выдает ошибку, ОшибкаПопытка сравнения '1'

Может кто-нибудь сообщить мне проблему здесь

Спасибо заранее

Answer 1

Существует 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;
}

Answer 2

Возможно, это потому, что вы назвали свой город ngModel, и ваш * ngFor также использует город.Может вызвать конфликт.Я бы изменил ваш ngModel на

[(ngModel)]="selectedCity"