我在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方法。

最佳答案

ngModelChangengModel一起使用,您可以在其中指定如何处理绑定属性的更改。看来您的问题很简单,您需要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/

10-12 00:25
查看更多