javascript - Angular 2 中 select 的更改事件在 Firefox 和 Edge 中不起作用

Question

这个问题已经有答案了:

Angular 2 beta – Select not working (except in Chrome) (3 个回答)

已关闭 7 年前。

这是我的代码:

<select class="form-control selectpicker" (change)="changeTower()" [(ngModel)]="_selectedTower._id">
    <option attr.value="{{tower._id}}" *ngFor="#tower of _towers;">Tower {{tower.name}}</option>
</select>

1. 在 Firefox 中 changeTower()根本打不着。
2. 在 Edge 中，它仅在第一次运行，然后完全停止运行。

.

第一次更改后，_selectedTower._id 的值没有更改。

Answer 1

这是 Firefox 和 Edge 中的已知问题

• https://github.com/angular/angular/issues/6573
• https://github.com/angular/angular/issues/6703

解决方法是使用 (change) 事件(和事件值)而不是 ngModelChange

<select [ngModel]="value" (change)="changeValue($event.target.value)">

据我所知，已经有修复但尚未发布。

• https://github.com/angular/angular/pull/8148
• https://github.com/angular/angular/pull/7185