在Angular 2 Material中禁用动画

Question

我的问题是我们如何禁用角度材质小部件中的按钮或复选框动画？

有一些css解决方案可以覆盖转换,但没有工作.

谢谢,

Answer 1

您可以使用角度4.3.1中引入的@ .disabled属性禁用动画.

将以下代码添加到组件中

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

或者在你的HTML中

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

这是工作plnkr https://plnkr.co/edit/sVJM8H?p=preview

Answer 2

尝试这个：

<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>