angular - 垫 slider : not updating immediately on drag

Question

我在我的 Angular 5 应用程序中使用@angular/material。我使用的 Angular Material 版本是 5.0.2。我正在使用@angular/animations 5.1.2。

我有一个非常简单的 slider 用例，如下所示:

<mat-slider style="width:100%;"></mat-slider>

但由于某些原因，拖动 slider handle 时，直到松开鼠标才移动到新的位置，这显然不太好。我检查了 Material 演示，它按预期工作: slider 随着鼠标移动而移动，而不仅仅是在松开鼠标时跳跃。

谁能说明为什么会发生这种情况？它永远不会在工作中通过 AC!

Answer 1

即使在根据 Step 2 Set Up Hammer JsSupport 安装了 hammerjs 之后，它也不适合我.

HammerJS provides gesture recognition capabilities required by some components (mat-slide-toggle, mat-slider, matToolTip).

...

NPM

npm install --save hammerjs

Yarn

yarn add hammerjs

After installing, import it on your app's entry point (e.g. src/main.ts).

import 'hammerjs';

不过，我终于找到了a comment在解决它的github上的问题中，基本上:

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

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

在 root.module.ts 中。