Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何获取选择选项的选定值?_Angular - Fatal编程技术网

Angular 如何获取选择选项的选定值?

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

我想获得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}} 
</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);
}