web-dev-qa-db-fra.com

Ionic 2: comment appeler une méthode lorsque la valeur sélectionnée est modifiée

Je suis nouveau dans Ionic 2, j’ai lu la documentation Ionic 2 et je me suis dit que ce code fonctionnerait .. Il est censé restituer la valeur de sélection actuelle lorsqu’il est modifié et l’imprimer sur la console.

page.html

<ion-select #C ionChange="onChange(C.value)"> 
                    <ion-option value="a">A</ion-option>
                    <ion-option value="b">B</ion-option>
</ion-select>

page.ts

public CValue:String;
onChange(CValue) {
     console.log(CValue);
}

Cependant, la console ne donne rien à ce sujet. Ai-je oublié quelque chose dans la reliure?

angulartypescriptionic-frameworkionic2ionic3
15
CMA

Au lieu de

<ion-select #C ionChange="onChange(C.value)"> 
  ...
</ion-select>

Comme ionChange est un événement (et non un attribut simple), vous devez le faire comme ceci:

<ion-select #C (ionChange)="onChange(C.value)">
  ...
</ion-select>
33
sebaferreras

Au lieu de le faire de cette façon 

<ion-select #C (ionChange)="onChange(C.value)">
  ...
</ion-select>

vous pouvez aussi passer "$ event" pour obtenir la valeur

<ion-select #C (ionChange)="onChange($event)">
  ...
</ion-select>
1
vijay mishra