Disable animation in Angular 2 Material

angular, angular-material2

Solution

You can disable animation using @.disabled property which is introduced in angular 4.3.1.

Either add below code to your component

@HostBinding('@.disabled') disabled = true

or in your html

<div [@.disabled]="expression"></div>

Here is working plnkr https://plnkr.co/edit/sVJM8H?p=preview

Problem

My question is how we can disable button or checkbox animation in angular material widgets? There are some css solutions to override transition with none but it s not working. Thanks,

Original source