角4材质:md-滑块不平稳滑行

Question

我使用材料设计的角度4应用程序(生成角-cli)。更准确地说，我用的是md滑块。

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

这里是一个出现问题的柱塞(从一个基本的角度4柱塞中创建，我添加了材料并手动添加了cdk )：http://embed.plnkr.co/3s5K6U1YEsuTmO0q4aFt

在这里，另一个没有问题的柱塞(从已经实现了材质和cdk的柱塞中创建)：http://embed.plnkr.co/KHho3wSZGxAuEJdOwxz1 (原始柱塞是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中的这个脚本。这会解决你的问题

资料来源:文档有以下几点

​

​

Answer 2

您已经有了答案，但另一个解决方案是向package.json添加锤子is：

npm --保存安装锤子

在polyfill.ts中添加：

import 'hammerjs';