Question

我无法拖动垫式滑块（仅单击有效）。

我尝试了所有答案，包括：

安装Hammerjs并将其添加到src / main.ts：
```
import 'hammerjs';
```
为根模块（app.module.ts）提供程序提供GestureConfig：
```
{ provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig }
```

角材料版本：

"@angular/material": "^8.1.2",

但是它仍然无法正常工作。不幸的是，我的项目太大了，无法为演示添加源，但请告诉我是否还有其他可以分享的内容。

Answer 1

您提到的所有内容都足以使滑块正常工作。

我为您创建了一个stackblitz示例。它在这里工作正常。检查一下，让我知道有什么区别。

如果一切相同，请查看hammerjs的版本。

Answer 2

很长一段时间试图弄清楚为什么会发生后，我终于找到了它：

启用常春藤时，mat-slider不可拖动。

在Github上发布了一个问题来跟踪此问题：https://github.com/angular/components/issues/17420

Answer 3

在https://github.com/angular/components/issues/17420此处打开的问题中找到了答案

使用Angular 9及更高版本，您应在此导入旁边导入HammerModule

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

imports: [
...
BrowserAnimationsModule,
BrowserModule,
MatSliderModule,
HammerModule,
]

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

无法拖动垫块滑块

3 个答案: