Call the method when the value is changed using Angular 2

Question

How can I call a method when changing a value using Angular 2?

 <select [(ngModel)]="searchMonster">
     <option>36</option>
     <option>37</option>
 </select>

I tried using ng-change but was unsuccessful.

Answer 1

[(ngModel)] , angular. / . [(ngModel)] [ngModel] (ngModelChange) , onChange() , , : -

<select [(ngModel)]="selectedDevice" #device (change)="onChange(device.value)">
    <option *ngFor="#i of devices">{{i}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
}

this

Answer 2

ngModelChange. .

<select
  [ngModel]="searchMonster"
  (ngModelChange)="yourMethod($event)">
     <option>36</option>
     <option>37</option>
</select>

, <input>, <select>

<select #option
  [ngModel]="searchMonster"
  (ngModelChange)="yourMethod(option.value)">
     <option>36</option>
     <option>37</option>
</select>