材料 2.0.0-beta.3 md-slider 不拖动答案

【问题标题】：Material 2.0.0-beta.3 md-slider not dragging材料 2.0.0-beta.3 md-slider 不拖动
【发布时间】：2017-04-20 21:05:11
【问题描述】：

希望这是一个愚蠢的问题。

我刚刚为我正在为我的雇主构建的项目添加了一个 md 滑块。（因此我没有代码表示抱歉）

我将 MdSliderModule 导入到我正在使用的模块中。在我想要的模板中添加了标签。它出现了，看起来很棒，但不会拖累。我可以点击它来改变它的值，但我不能拖动它。

我错过了什么吗？ Angular 是否有我需要导入的该组件使用的拖动模块？有没有其他人看过这个？

我们正在使用：

角度 ^4.0.2
材质 2.0.0-beta.3

对我尝试的任何帮助或建议都会有所帮助。提前感谢您的宝贵时间。

【问题讨论】：

你添加hammerjs了吗？
@Edric 我没有感谢你！

标签： angular angular-material2

【解决方案1】：

单独接受的答案对我不起作用。终于在github上的issues中找到a comment解决了。在确保按照Step 5 Gesture Support 安装了hammerjs 后，将此添加到root.module.ts 以获得胜利：

import { BrowserModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import { GestureConfig } from '@angular/material';

providers: [
    { provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig },
]

【讨论】：

除了接受的解决方案之外，我还做了这个，它奏效了。谢谢李！

【解决方案2】：

在我发现我没有安装hammer.js之前，我遇到了完全相同的问题。

npm install --save hammerjs

然后在angular-cli.json 文件的scripts 数组中添加hammerjs 作为依赖项：

 "scripts": [
    //possibly other scripts here...
    "../node_modules/hammerjs/hammer.min.js"
  ],
 ...

希望这能解决问题 - 重新编译所有内容以确保更改生效

【讨论】：

是的！非常感谢，我来这里是为了回答我自己的问题。在这个组件之前我不需要锤子。
如果我不使用 angular-cli 应该怎么做？ KJR @MrfksIV
我想你可以尝试将它包含在你的 index.html 中的