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>
