Слайдер угловой материал не скользящий

Question

Я использую мат-слайдер и при попытке сдвинуть элемент управления с помощью мыши, он не скользит ни влево, ни вправо. Это работает только тогда, когда я нажимаю на точку на скользящей линии. Мой код

<div>
    <mat-slider></mat-slider>
</div>

Answer 1

Нашел ответ здесь .В основном я импортировал MaterialModule после BrowserAnimationsModule

Answer 2

Для тех, кто использует отложенную загрузку, сначала импортируйте это:

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

А затем поместите это в модуль корневого приложения:

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

Проверьте эту проблему для получения дополнительной информации

Answer 3

Я думаю, вы должны установить HammerJS в свой проект:

npm install hammerjs

Hammer - это библиотека с открытым исходным кодом, которая может распознавать жесты, сделанные touch, mouse и pointerEvents.

Посмотрите документацию Angular Material на HammerJS.

Некоторые компоненты (mat-slide-toggle, mat-slider, matTooltip) полагаются на HammerJS для жестов. Чтобы получить полный набор функций этих компонентов, HammerJS должен быть загружен в приложение.

ДЕМО без HammerJS: