Appeler une méthode lorsque la valeur est modifiée à l'aide Angulaire 2

Comment puis-je appeler une méthode lorsque la valeur est modifiée à l'aide Angulaire 2?

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

J'ai essayé d'utiliser ng-changement mais sans succès.

Double Possible de Comment puis-je obtenir une nouvelle sélection "select" dans Angulaire 2?

OriginalL'auteur Rodrigo Real | 2015-12-23

  1. 7

    Fondamentalement, jusqu'à mes observations [(ngModel)] est appelée lorsque nous devons utiliser les deux sens de la Liaison de données dans angulaire. donc, vue et contrôleur/méthode est appelée via la liaison. nous pouvons utiliser [(ngModel)] [ngModel] et (ngModelChange) pour la détection de changement, mais dans Ce cas onChange() est appelée deux fois pour chaque liste de sélection changement de cette façon, en fonction de cette réponse ici mais que vous voulez l'appeler une méthode sur un changement vous pouvez utiliser de cette façon là:-

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

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

    j'ai trouvé la meilleure réponse à cette question est cette

    OriginalL'auteur Pardeep Jain

  2. 7

    Utilisation ngModelChange. de vérifier la la syntaxe du modèle docs.

    essayer cette

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

    une alternative travaillé avec moi pour <input> tag, essayez ceci pour <select>

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

    OriginalL'auteur Murhaf Sousli