角度4材质：md-滑块不能平滑滑动

Question

我在角度4应用上使用材料设计（使用angular-cli生成）。更准确地说，我使用的是md-slider。

这几乎正常工作......唯一的问题是，当用户试图滑动光标时，在用户释放鼠标按钮之前光标不会移动...

这里有一个出现问题的探测器（从基础角4插件创建，我手工添加材料和cdk）： http://embed.plnkr.co/3s5K6U1YEsuTmO0q4aFt

这里有另一个没有问题的掠夺者（从已经实现材料和cdk的plunker创建）： http://embed.plnkr.co/KHho3wSZGxAuEJdOwxz1 （原始的plunker是o077B6uEiiIgkC0S06dd。我没有足够的声誉来发布两个以上的链接。）

我无法确定这两个掠夺者之间有什么区别......

以下是我在本地项目中使用的软件包的版本：

@angular/cli: 1.2.7
node: 6.11.2
os: linux x64
@angular/animations: 4.3.3
@angular/cdk: 2.0.0-beta.8
@angular/common: 4.3.3
@angular/compiler: 4.3.3
@angular/core: 4.3.3
@angular/forms: 4.3.3
@angular/http: 4.3.3
@angular/material: 2.0.0-beta.8
@angular/platform-browser: 4.3.3
@angular/platform-browser-dynamic: 4.3.3
@angular/router: 4.3.3
@angular/cli: 1.2.7
@angular/compiler-cli: 4.3.3
@angular/language-service: 4.3.3

Answer 1

您缺少hammer.js引用，这会产生滑动行为

src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"

请参阅index.html中的此脚本。这将解决您的问题

来源：文档有以下几点