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

Question

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

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

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

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

我们正在使用：

Angular^4.0.2
Material 2.0.0-beta.3

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

Answer 1

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

npm install --save hammerjs

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

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

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

Answer 2

单独接受的答案对我不起作用。终于找到 a comment in the issues on github that solved it. After ensuring hammerjs was installed per Step 5 Gesture Support 将此添加到 root.module.ts 中：

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

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

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

Material 2.0.0-beta.3 md-slider not dragging

angular-material2

angular