添加@angular/material后Animate.css动画fadeInDown停止工作

问题描述

我最近在我的 angular 项目中添加了 angular 材质,但在将 @angular/material 添加到我的项目后不久,animate.js 提供的一些动画就停止工作了。

有什么方法可以让 animate.js 和 angular material 一起工作。

控制台错误

Module build Failed: Error: ENOENT: no such file or directory,open 'node_modules/zone.js/dist/zone-evergreen.js'

但我确实在那个路径上有那个文件

解决方法

我认为这会有所帮助:(为了在冲突区域禁用角度材质动画)

-使用 NoopAnimationsModule 代替 BrowserAnimationsModule 禁用所有动画

-使用 @HostBinding('@.disabled') private disabled = true; 禁用组件动画

-使用 <mat-checkbox @.disabled></mat-checkbox> 禁用材料组件(使用指令)