Disable animation in Angular 2 Material
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
try this:
<mat-group [@.disabled]="true">
<mat-tab label="one">one</mat-tab>
<mat-tab label="two">two</mat-tab>
<mat-tab label="three">three</mat-tab>
</mat-group>