材料2.0.0-beta.3 md-滑块不拖动

Question

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

我刚刚为我为雇主建造的项目添加了一个md滑块.(因此我没有代码表示抱歉)

我将MdSliderModule导入到我正在使用的模块中.在我想要的模板中添加了标签.它显示出来并且看起来很棒,但不会拖动.我可以点击它来改变它的值,但我无法拖动它.

我错过了什么吗？Angular是否有一个Dragging模块,该组件使用我需要导入的模块？有没有人见过这个？

我们正在使用:

• Angular ^ 4.0.2
• 材料2.0.0-beta.3

任何有关我的尝试的帮助或建议都会有所帮助.提前谢谢您的时间.

Answer 1

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

npm install --save hammerjs

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

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

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

Answer 2

Accepted answer alone didn't work for me. Finally found a comment in the issues on github that solved it. After ensuring hammerjs was installed per Step 5 Gesture Support added this to root.module.ts for the win:

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

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