角度4材質：md-slider不能平滑滑動

Question

我在角度4應用（使用角度cli生成）上使用材質設計。更確切地說，我使用了一個md-slider。

這個作品幾乎正常。唯一的問題是，當用戶試圖將光標滑動時，光標不會在用戶釋放鼠標按鈕之前移動...

這裏一哪裏的問題出現plunker（從基礎角4 plunker創建的，我添加的材料以及cdk用手）： http://embed.plnkr.co/3s5K6U1YEsuTmO0q4aFt

在這裏的其他plunker沒有問題（從它已經實現了材料以及cdk一個plunker創建）： http://embed.plnkr.co/KHho3wSZGxAuEJdOwxz1 （最初的闖入者是o077B6uEiiIgkC0S06dd，我沒有足夠的信譽要發佈兩個以上的鏈路）

我想不出是什麼這兩plunkers之間的差異...

這裏是我在我的本地項目中使用的包的版本：

@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

您已經有了一個答案，但另一種解決方案是hammerjs增加的package.json：

NPM --save install hammerjs

並在polyfill.ts中添加：

進口 'hammejs'