我只有一个关于选择元素的简单问题.我花了很多时间调试我的代码,因为select元素没有获取更改.但后来我发现了一些有趣的东西.他们的页面上有一些示例angualr.io:
https://angular.io/resources/live-examples/forms/ts/plnkr.html.如果您在Chrome以外的浏览器中尝试此示例,例如Firefox,Edge,IE11 – select元素不会检测到更改.
有没有其他人注意到这个问题或我错过了什么？因为像Select这样的下拉元素中的变化检测是一个基础的事情……我简直无法相信它不起作用.
有没有其他人注意到这个问题或我错过了什么？因为像Select这样的下拉元素中的变化检测是一个基础的事情……我简直无法相信它不起作用.
解决方法
我认为这个答案可以为你提供一个解决方案和Mark的答案：
> How can I get new selection in “select” in Angular 2?
这是一些代码：
@Component({
(...)
template: `
<select [ngModel]="selectedDevice" (ngModelChange)="onChange($event)">
<option *ngFor="#i of devices">{{i}}</option>
</select>
`)
export class SomeComponent {
onChange(newValue) {
console.log(newValue);
this.selectedDevice = newValue;
// ... do other stuff here ...
}
}
