【发布时间】:2016-04-27 12:23:18
【问题描述】:
与 Angular 2 一起使用时,Edge 中的 HTML 选择元素有两个问题:
- 默认选择是最后使用 *ngFor 添加的选项
- 选择选项时,模型不会更新为新选择的选项。
请检查这个 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