使用角度2更改值时调用方法

Question

使用Angular 2更改值时，如何调用方法？

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

我尝试使用ng change，但没有成功。

Answer 1

基本上，根据我的观察，当我们必须使用双向数据绑定时，会调用[（ngModel）]。所以视图和控制器/方法是通过绑定调用的。我们可以使用[（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);
}

我发现这个问题的最佳答案是

Answer 2

使用ngModelChange。检查模板语法文档。

试试这个

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

另一种选择与我合作

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