3

I want to disable all the animations to the Angular Material 2, but when I import the NoopAnimationsModule it also prevents me for using the Angular Animation module in the rest of my app code. I'd like to be able to animate certain things of my app, but disable the animation for Angular Material 2. Does anyone know how to do that?

Edit: I want to disable all the animations but the ripple effect.

Leosvel
  • 71
  • 8

1 Answers1

4

Some of the material components provide api to disable ripple effect. As far as I know, it's not possible to completely turn off animation for material2.

disableRipple property is available for

  • checkbox
  • radio
  • buttons
  • slider toggle
  • tabs
  • button
Nehal
  • 13,130
  • 4
  • 43
  • 59
  • Thank you @Nehal, I was aware of disabling the ripple effect, but in my case I want to maintain the ripple, but disable the other material animations while keeping the ability to use the angular animation module in my own code. – Leosvel Jul 02 '17 at 19:59
  • This was exactly what I was looking for. Thanks! – LeFex Jul 21 '17 at 07:09