Angular 2 beta-选择不工作（除了在Chrome）

Question

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

Answer 1

此问题已在beta.16中修复https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta16-2016-04-26

Answer 2

在angular github上也讨论了这个问题

添加用于单元测试其框架的垫片Angular（在所有其他脚本之前）有助于解决许多IE问题：https://github.com/angular/angular/blob/master/modules/angular2/src/testing/shims_for_IE.js

这个特殊的情况是通过这个特殊的函数来解决的。

if (!Object.hasOwnProperty('name')) {
    Object.defineProperty(Function.prototype, 'name', {
        get: function() {
            var matches = this.toString().match(/^\s*function\s*(\S*)\s*\(/);
            var name = matches && matches.length > 1 ? matches[1] : "";
            // For better performance only parse once, and then cache the
            // result through a new accessor for repeated access.
            Object.defineProperty(this, 'name', {value: name});
            return name;
        }
    });
}

Answer 3

我认为这个答案可以为您提供一个解决方案和Mark的答案：

• 如何在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 ...
    }
  }