javascript - Angular2检测OnChange

我在angular2上有这样的代码选择选项

<div class="form-group">
    <label for="government">Provinsi</label>
    <select class="form-control" name="provinsi" formControlName="provinsi">
      <option *ngFor="let item of province" value="{{item.id}}" (ngModelChange)="onChange($event)">{{item.name}}</option>
    </select>
  </div>
  <div class="form-group">
    <label for="government">Kabupaten/Kota</label>
    <select class="form-control" name="kokab" formControlName="kokab">
      <option *ngFor="let list of regencieslist" value="{{list.id}}" selected="selected">{{list.name}}</option>
    </select>
  </div>

我想要的是。如果我选择Provinsi选择表格的选项，它将触发一些带有值的方法。如何通过传递给值的变化触发方法

onChange(id){
      this.servicedev.getregencies(id).subscribe(
        regencies => this.regencieslist = regencies,
        error => error
      )
    }

我想触发onchange方法并将值从provinsi select传递给id onChange方法。

最佳答案

ngModelChange与ngModel一起使用，您可以在其中指定如何处理绑定属性的更改。看来您的问题很简单，您需要change事件，可以从html select中进行选择：

<select
  class="form-control"
  name="provinsi"
  formControlName="provinsi"
  (change)="onChange($event)">
  <option *ngFor="let item of province" value="{{item.id}}" >{{item.name}}</option>
</select>

onChange(event){
  if(event.target.value === /*something*/) {
    this.servicedev.getregencies(id).subscribe(
      regencies => this.regencieslist = regencies,
      error => error)
  }
}

关于javascript - Angular2检测OnChange，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44533400/