【问题标题】:In MS Edge the Model does not change when selecting an option在 MS Edge 中,选择选项时模型不会改变
【发布时间】:2016-04-27 12:23:18
【问题描述】:

与 Angular 2 一起使用时,Edge 中的 HTML 选择元素有两个问题:

  1. 默认选择是最后使用 *ngFor 添加的选项
  2. 选择选项时,模型不会更新为新选择的选项。

请检查这个 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);
  }
}

【问题讨论】:

  • 我认为这在 beta.16 中已修复。你用的是什么版本?
  • 我正在使用 2.0.0-beta.13 。我会更新并检查谢谢
  • 更新到 beta 16 后问题解决。谢谢

标签: angular html-select microsoft-edge


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-30
    • 1970-01-01
    • 2021-08-24
    • 1970-01-01
    • 1970-01-01
    • 2016-07-17
    相关资源
    最近更新 更多