Angular 角度2和输入范围
在IE 11中,输入范围和格式始终为空 我们有一个示例表单,其中有ngForm,它在chrome中运行良好,但输入范围控件总是返回null,并且无法获取所选范围的值 预期/期望的行为 应为IE 11的输入范围返回值 演示plunker: 角度版本:**2.0.0-beta.17Angular 角度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
`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版]