Slider HammerGestures Are Not Recognised in Lazy-Loaded Component

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The slider’s hammer gesture should be recognised in lazy-loaded component.

What is the current behavior?

The slider’s hammer gestures ( slideStart, slideEnd and slide ) are not recognised in lazy-loaded component.

If MatSliderModule is imported in AppModule, it works fine. But if MatSliderModule is imported in a LazyLoadedModule, hammer js gestures are not recognised.

Here is the demo.

What are the steps to reproduce?

Providing a StackBlitz/Plunker (or similar) is the best way to get the team to see your issue.
Plunker starter (using on @master): https://goo.gl/uDmqyY
StackBlitz starter (using latest npm release): https://goo.gl/wwnhMV

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[DanielYKPan]

@jelbourn So if I load MatSliderModule in my Lazy-Loaded Module, I need to added

{provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}

in my AppModule? Is this what you mean in you short term?

Thanks, man

[jelbourn]

See https://github.com/angular/angular/issues/19874

It’s currently a limitation of Angular that event plugins must be created at bootstrap time. In the short term, you can add a provider just for the Hammer gesture config without needing any of the component modules:

{provide: HAMMER_GESTURE_CONFIG, useClass: GestureConfig}