Невозможно перетащить мат-слайдер после переопределения свойства js - PullRequest
Новая
       42

Невозможно перетащить мат-слайдер после переопределения свойства js

0 голосов
/ 01 мая 2020

Я реализовал прикосновения молотком js в своем приложении angular так же, как это было в этом видео (связано с моей проблемой в 5:53). Моя проблема:
Я использую mat-slider и после использования пользовательского HAMMER_GESTURE_CONFIG Я больше не могу перетаскивать мой ползунок.
Чтобы использовать смахивание вверх и смахивание вниз, мне нужно переопределить смахивание и указать его в app.module.ts, как я сделал, как показано ниже: 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialImporterModule } from './shared/modules/material-importer/material-importer.module';

// hammer specific imports
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import * as Hammer from 'hammerjs';

export class MyHammerConfig extends HammerGestureConfig  {
  overrides = <any>{ // override hammerjs default configuration
      'swipe': { direction: Hammer.DIRECTION_ALL }
  }
}

@NgModule({
  providers: [{ // providing the config
    provide: HAMMER_GESTURE_CONFIG, 
    useClass: MyHammerConfig 
  }],
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialImporterModule
  ], 
  bootstrap: [AppComponent]
})
export class AppModule { }

Даже если я оставлю класс MyHammerConfig пустым, ползунок больше не работает. Но если я закомментирую: 

{ 
    provide: HAMMER_GESTURE_CONFIG, 
    useClass: MyHammerConfig 
}

, слайдер работает, но не смахивает вверх и вниз.
Как я могу переопределить некоторые свойства молотка js, не теряя другие важные функции, которые мешают в моем случае ползунку?
Спасибо за любые идеи и помощь!

...