在MS Edge中,选择选项时模型不会更改

时间:2016-04-27 12:23:18

标签: angular html-select microsoft-edge

与Angular 2一起使用时,我在Edge中有两个问题:

  1. 默认选择是使用* ngFor
  2. 的最后添加选项
  3. 当选择选项时,模型不会使用新选择的选项进行更新。
  4. 请检查此Plunker: https://plnkr.co/edit/MdNOlv?p=preview

     //our root app component
        import {Component, Directive, Output, EventEmitter, Input, SimpleChange} `from 'angular2/core'`
        import {Observable} from 'rxjs/Observable';
        import {Observer} from 'rxjs/Observer';
    
    //import 'rxjs/Rx';
    
    @Component({
      selector: 'my-app',
      template:`
        <h1>Selecting Number</h1>
        <select type="number" [(ngModel)]="levelNum" (ngModelChange)="toNumber()">
          <option *ngFor="#level of levels" [ngValue]="level.num">{{level.name}}</option>
        </select>
        {{levelNum}}
      `,
    })
    export class App {
      levelNum:number;
      levels:Array<Object> = [
          {num: 0, name: "AA"},
          {num: 1, name: "BB"}
      ];
    
      toNumber(){
        this.levelNum = +this.levelNum;
        console.log(this.levelNum);
      }
    }
    

1 个答案:

答案 0 :(得分:0)

将Angular更新为Beta 16后,此问题已得到解决。