comment utiliser l'événement onChange dans ionic2

Fondamentalement, je suis en train de faire un formulaire d'inscription dans lequel j'ai quelques listes déroulantes. Et je tiens à l'appliquer "(le changement)" de l'événement qui va déclencher une fonction à chaque fois que la valeur change ou que nous pouvons dire de la valeur sélectionnée à partir du menu déroulant de la liste et sur cette base, je vais attribuer à côté des champs dynamiquement, mais cet événement n'est pas de travail sur drop-down, tandis que sa fonctionne bien avec les champs de texte.
Quelqu'un peut-il m'aider à sortir avec cette?

Exemple de code:

home.html -->

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>

<form [formGroup]="myForm">   
    <ion-item>
        <ion-label>Dropdown1 :</ion-label>
        <ion-select formControlName="dd" (ionChange)='f()'  #dd>
         <ion-option value='1'>A</ion-option>
            <ion-option value='2'>B</ion-option>
            <ion-option value='3'>C</ion-option>
            <ion-option value='4'>D</ion-option>
        </ion-select>
    </ion-item>

     <ion-item>
    <ion-label>Dropdown2 :</ion-label>
    <ion-select>
     <ion-option value='1'>E</ion-option>
        <ion-option value='2'>F</ion-option>
        <ion-option value='3'>G</ion-option>
        <ion-option value='4'>H</ion-option>
    </ion-select>
</ion-item>

</form> 
</ion-content>

la maison.ts -->

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  function f(){
  alert('Value Changed!');
  alert(this.myForm.dd);

  }

}
Veuillez ajouter le code à votre question qui montre ce que vous essayez d'accomplir, ce que vous avez essayé et où vous avez échoué.
Je veux déclencher une fonction lorsque je sélectionne une valeur quelconque à partir d'une liste déroulante. À l'aide de cette fonction, je veux affecter des valeurs à la liste déroulante suivante basée sur la valeur sélectionnée de la précédente.

OriginalL'auteur Praful vats | 2016-10-18

  1. 16

    Vous pouvez utiliser ngModel

    <ion-select ngModel (ngModelChange)='f()' name="xxx">

    Je ne suis pas sûr si le ngModel partie est nécessaire pour obtenir ngModel appliquée à tous. Vous pouvez essayer de l'enlever et de voir si il marche encore.

    Trois semble également être un ionChange événement

    <ion-select (ionChange)='f()' name="xxx">

    http://ionicframework.com/docs/v2/api/components/select/Select/

    Merci beaucoup. (ionChange) fera le travail.
    Comme je l'ai mentionné précédemment, j'ai besoin de la valeur sélectionnée pour lequel je suis à l'aide de code mentionné ci-dessus, mais il ne fonctionne pas bien. Pouvez-vous fournir des lignes directrices au sujet de ce aussi
    avez-vous essayé (ionChange)="f($event)" avec f(event) { console.log(event);}?
    Vous êtes sauvé la vie de l'homme. Merci une tonne.

    OriginalL'auteur Günter Zöchbauer

  2. 3

    Vous pouvez utiliser ionSelect sur ion-option cela déclenche chaque fois que l'élément est sélectionné.

    Ionique docs ion-option

    <ion-select>
    <ion-option (ionSelect)="optionSelected($event)" *ngFor="let item of items$ | async" [value]="item.id">{{item.name}}</ion-option>
</ion-select>
    J'ai peut-être raté quelque chose, mais pour ma part, à l'aide de ionSelect au ion-option au lieu d'appeler ionChange at ion-sélectionnez me permet d'envoyer une valeur à partir de la ngFor itérateur. Qui a fait le tour. Merci @chriscooley

    OriginalL'auteur chris cooley