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

Question

我只是有一个关于选择元素的简单问题。我花了很多时间调试我的代码，因为选择元素没有选择更改。但后来我发现了一些有趣的事情。他们的页面 angualr.io 上有表单示例:https://angular.io/resources/live-examples/forms/ts/plnkr.html .如果您在 Chrome 以外的浏览器(如 Firefox、Edge、IE11)中尝试这个示例——选择元素不会检测到更改。 有没有其他人注意到这个问题或者我遗漏了什么？因为像 Select 这样的下拉元素中的变化检测是基本的事情……我简直不敢相信它不起作用。

Answer 1

我认为这个答案可以为您提供解决方法，而 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 ...
    }
  }