Angular 要动态设置的Mdl滑块值

您好，我有一个简单的mdl滑块在我的angular2组件中，我想从我的组件中动态设置滑块的值。我在这里做了一个plunker演示…如果我在html中设置滑块的值，它会正确渲染，但如果我分配一个变量并控制组件中的滑块值，它将无法正常工作

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

这是我的slider html，其中

sliderData

是我的变量，它保存值。我已经将

sliderData

定义为

12

。有人能告诉我如何正确设置滑块的值吗

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

在app.ts中导入以下内容

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

在ngModule中导入此项

FormsModule

在模板中添加ngModel而不是value

 [(ngModel)]="sliderData"

将模板中的数据显示为

{{sliderData}}

---

你的代码和angular2 mdl有什么关系？哦…我在添加信息时没怎么想