Angular 2 beta – 选择不起作用(Chrome除外)

发布时间：2020-12-17 17:15:49 所属栏目：安全来源：网络整理

导读：我只有一个关于选择元素的简单问题.我花了很多时间调试我的代码,因为select元素没有获取更改.但后来我发现了一些有趣的东西.他们的页面上有一些示例angualr.io: https://angular.io/resources/live-examples/forms/ts/plnkr.html.如果您在Chrome以外的浏览器

我只有一个关于选择元素的简单问题.我花了很多时间调试我的代码,因为select元素没有获取更改.但后来我发现了一些有趣的东西.他们的页面上有一些示例angualr.io: https://angular.io/resources/live-examples/forms/ts/plnkr.html.如果您在Chrome以外的浏览器中尝试此示例,例如Firefox,Edge,IE11 – 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 ...
    }
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!