Partially disable Angular Material animations

Different options to disable animations of Angular Material:

1. Disable animations entirely

Use NoopAnimationsModule instead BrowserAnimationsModule
AngularMaterial – Configure animations

2. Disable component animations

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

StackOverflow – Disable animation in Angular 2 Material

3. Disable animation for Material component using directive

<mat-checkbox [@.disabled]="expression"></mat-checkbox>
<mat-checkbox @.disabled></mat-checkbox>

Leave a Reply

Your email address will not be published.