Angular2检测OnChange

Question

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

Answer 1

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) } } 事件

{{1}}