Components: Slide-toggle is not working

[ashokacharya]

Bug, feature request, or proposal:

This is the error showing on console of browser (google chrome latest)
EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./MdSlideToggle class MdSlideToggle - inline template:0:783
ORIGINAL EXCEPTION: Hammer.js is not loaded, can not bind slidestart event
ORIGINAL STACKTRACE:
Error: Hammer.js is not loaded, can not bind slidestart event
at new BaseException$1

What is the expected behavior?

Hammer.js should be automatically loaded

What is the current behavior?

hammer.js is not loading so slide-toggle is not working

What are the steps to reproduce?

All package of angular material are working except this
I have use in this way .

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

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

angular version :RC 5
angular material :+1: 2.0.0-alpha.7-2

Is there anything else we should know?

Also buttons are increasing on scroll height on click

[m0t0r]

@ashokacharya did you do additional setup for md-slide-toggle ?

[ashokacharya]

Thank you for info

[lizardd]

how to deal it，I still can not work @ashokacharya

[vapits]

@lizardd go to your main component and import 'hammerjs'.
This solved it for me.
Check also here: #977

[lizardd]

very thank you。 @vapits

[NaijaProgrammer]

@vapits, thank you so much. That did it for me; and I've been searching for answers for weeks.

[mahmoudmahdi24]

import 'hammerjs' in my main main component solved the problem for me too.
Thanks @vapits !

[gkernen]

THANKS! @vapits !!!

[kuncevic]

I thinking polyfills.ts is the right place to place import 'hammerjs';

[Rajasree37]

checkbox is appearing along with slider toggel.and css also not applying.For this I followed https://github.com/angular/material2/blob/master/guides/getting-started.md
see the Image this is the problem.

Thanks In advance
Rajasree

[felipedamiani]

checkbox is appearing along with slider toggel.and css also not applying.For this I followed https://github.com/angular/material2/blob/master/guides/getting-started.md
see the Image this is the problem.

Thanks In advance
Rajasree

I had the same issue, to fix that just add the follow import in your style.css/scss:
@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}