Angular 如何获取选择选项的选定值?
我想获得Angular 7中选择选项的选定值。使用ngModel的双向数据绑定,我还在app.module.ts中导入了FormsModule 我的HTML文件:Angular 如何获取选择选项的选定值?,angular,Angular,我想获得Angular 7中选择选项的选定值。使用ngModel的双向数据绑定,我还在app.module.ts中导入了FormsModule 我的HTML文件: <select (change)="selectChangeHandler($event)" [(ngModel)]="optSelected"> <option *ngFor="let opt of options" [value]="opt.id"> {{opt.title}} </opti
<select (change)="selectChangeHandler($event)"
[(ngModel)]="optSelected">
<option *ngFor="let opt of options" [value]="opt.id">
{{opt.title}}
</option>
</select>
由于您使用的是
ngModel
/双向数据绑定,因此不使用change
事件,只需使用ngModelChange
事件绑定即可。据报道,这是
用于在视图之后生成ngModelChange事件的事件发射器
模型更新
由于您使用的是
ngModel
/双向数据绑定,因此不使用change
事件,只需使用ngModelChange
事件绑定即可。据报道,这是
用于在视图之后生成ngModelChange事件的事件发射器
模型更新
可能重复:可能重复:嗨!仔细检查了一下,一切正常!非常感谢。你好仔细检查了一下,一切正常!非常感谢。
optSelected = 'aaa';
selectChangeHandler(event: any) {
this.optSelected = event.target.value;
console.log('The selected option is: ' + this.optSelected);
}
<select (ngModelChange)="selectChangeHandler($event)" [(ngModel)]="optSelected">
<option *ngFor="let opt of options" [value]="opt.id">
{{opt.title}}
</option>
</select>
selectChangeHandler() {
console.log(this.optSelected);
}