Material 2.0.0-beta.3 md-slider不拖动

时间:2017-04-20 21:05:11

标签: angular angular-material2

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

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

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

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

我们正在使用:

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

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

2 个答案:

答案 0 :(得分:6)

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

npm install --save hammerjs

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

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

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

答案 1 :(得分:5)

单独接受的答案对我不起作用。最后在github上解决它的问题中找到了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 },
]