ionic 2:<ion-select> is not triggering (change) action event. If I use <select> tag then the (change) action is working.

Note: If you are having problems formatting your issue please refer to this article on using markdown in Github:

https://guides.github.com/features/mastering-markdown/

Note: for support questions, please use one of these channels:

https://forum.ionicframework.com/ http://ionicworldwide.herokuapp.com/

Short description of the problem:

What behavior are you expecting?

Steps to reproduce: 1. 2. 3.

insert any relevant code between the above and below backticks

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

Which Ionic Version? 1.x or 2.x

Plunker that shows an example of your issue

For Ionic 1 issues - http://plnkr.co/edit/Xo1QyAUx35ny1Xf9ODHx?p=preview

For Ionic 2 issues - http://plnkr.co/edit/me3Uk0GKWVRhZWU0usad?p=preview

Run ionic info from terminal/cmd prompt: (paste output below)

[brandyscarney]

The Ionic Select component does not emit a change event, but it does emit an ionChange event. Please refer to the Output Events section in the API documentation to find the Select component’s events. Thanks!

[brandyscarney]

You can use it the following way:

  <ion-select [(ngModel)]="gender" (ionChange)="onSelectChange($event)">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>

then in your page:

  onSelectChange(selectedValue: any) {
    console.log('Selected', selectedValue);
  }

This will be called every time the value of the select changes.