Angular 角度2和输入范围

Angular 角度2和输入范围,angular,angular2-forms,Angular,Angular2 Forms,在IE 11中,输入范围和格式始终为空 我们有一个示例表单,其中有ngForm,它在chrome中运行良好,但输入范围控件总是返回null,并且无法获取所选范围的值 预期/期望的行为 应为IE 11的输入范围返回值 演示plunker: 角度版本:**2.0.0-beta.17 `import { Component } from '@angular/core'; import { FORM_DIRECTIVES } from '@angular/common'; http://plnkr.co

在IE 11中,输入范围和格式始终为空

我们有一个示例表单,其中有ngForm,它在chrome中运行良好,但输入范围控件总是返回null,并且无法获取所选范围的值

预期/期望的行为 应为IE 11的输入范围返回值

演示plunker:

角度版本:**2.0.0-beta.17

`import { Component } from '@angular/core';
import { FORM_DIRECTIVES } from '@angular/common';
http://plnkr.co/edit/owcvOZj99gUMB65TZXMx?p=preview
@Component({
  selector: 'my-app',
  directives: [FORM_DIRECTIVES],
  template: `  
  <div class="ui raised segment">  
    <h2 class="ui header">Demo Form</h2>  
    <form #f="ngForm"  
          (ngSubmit)="onSubmit(f.value)"  
          class="ui form">

      <div class="field">  
        <label for="input0">Number</label>  
        <input type="text"  
               id="input0"  
               placeholder="Number"  
               ngControl="number0">  
      </div>

      <div class="field">  
        <label for="inputRange0">Range</label>  
        <input type="range"  
               id="inputRange0"  
               placeholder="Range"  
               ngControl="range0">  
      </div>
      <label>{{f.skuRange}}</label>

      <button type="submit" class="ui button">Submit</button>  
    </form>  
  </div>  
  `
})
export class App {
    onSubmit(form: any): void {
      console.log(form);
      console.log('you submitted value:', form);
    }
  }
`
`从'@angular/core'导入{Component};
从“@angular/common”导入{FORM_directions};
http://plnkr.co/edit/owcvOZj99gUMB65TZXMx?p=preview
@组成部分({
选择器:“我的应用程序”,
指令:[形式指令],
模板:`
演示表格
数
范围
{{f.skuRange}}
提交
`
})
导出类应用程序{
提交(形式:任何):无效{
控制台日志(表格);
log('您提交的值:',表单);
}
}
`
浏览器:[IE 11]

语言:[打字稿:1.8.10版]