我正在尝试设置下拉菜单的默认值,我将模型设置为默认值,但未更新选择
请参阅此https://plnkr.co/edit/bNM5Yxx78iykv2opazoL?p=preview
@Component({
selector: 'my-app',
template: `
<h1>Hello</h1>
<select class="form-control selectpicker" (change)="changeTower()" [(ngModel)]="_selectedTower">
<option attr.value="{{tower._id}}" *ngFor="#tower of _towers;">Tower {{tower.name}}</option>
</select>
`})
export class AppComponent {
_towers = [{_id:1, name: '1'}, {_id:2, name: '2'}, {_id:3, name: '3'}];
constructor() {
this._selectedTower = 2 ;
}
changeTower() {
setTimeout(()=>{
alert( this._selectedTower);
},100);
}
<select class="form-control selectpicker" #select (change)="changeTower(select.value)" [(ngModel)]="_selectedTower">
<option value="{{tower._id}}" *ngFor="#tower of _towers;">Tower {{tower.name}}</option>
</select>
changeTower(id) {
//id is the selected value
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句