Question

你好我的angular2组件中有一个简单的mdl滑块，我想动态地从我的组件设置滑块的值。我在这里做了一个plunker演示https://plnkr.co/edit/jXMff0gIfrBp1EervBZt?p=preview ...如果我设置的值为html中的滑块正确渲染但如果我分配一个变量并控制组件中的滑块值，它就无法正常工作。

<input class="mdl-slider mdl-js-slider" type="range"
  min="0" max="100" value="sliderData" tabindex="0">

这是我的滑块html，其中sliderData是我保存值的变量。我已将sliderData定义为12。有人可以告诉我如何正确设置滑块的值

Answer 1

请参阅此plunker

我在这里修改了以下内容：

在app.ts中导入以下内容

import { FormsModule } from '@angular/forms';

在ngModule中导入

FormsModule

在模板中添加ngModel insted of value

 [(ngModel)]="sliderData"

将模板中的数据显示为

{{sliderData}}

Mdl滑块值设置动态

1 个答案: