Question

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

我的TS文件：

optSelected = 'aaa';
selectChangeHandler(event: any) {
  this.optSelected = event.target.value;
  console.log('The selected option is: ' + this.optSelected);
}

Answer 1

由于您使用的是ngModel /双向数据绑定，因此可以使用change事件绑定来代替使用ngModelChange事件。根据{{3}}，它是

用于在视图之后产生ngModelChange事件的事件发射器模型更新。

<select (ngModelChange)="selectChangeHandler($event)" [(ngModel)]="optSelected"> 
  <option *ngFor="let opt of options" [value]="opt.id"> 
    {{opt.title}} 
  </option> 
</select>

在您的component.ts上，

selectChangeHandler() {
  console.log(this.optSelected);
}

如何获得选择选项的选择值？

1 个答案: