我在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/