Angular 中的动画

Question

我在我的项目中使用 angular-5。页面中有很多动画。向 DOM 元素添加和删除某些类的最简化方法是使用 jQuery。我还使用了许多 jQuery 方法，例如 animate() 等。但大多数时候，建议不要在 Angular 中使用 jQuery。有什么方法可以避免使用 jQuery 并且仍然制作响应式动画网站。我还想提一下，我的网站只是没有任何数据库或后端的静态网站。欢迎所有建议。

谢谢

Answer 1

Angular 自带 animation module。

Angular 动画构建在标准 Web Animations API 之上，并在 browsers that support it. 上原生运行

官方文档在这里：https://angular.io/guide/animations

以下是 Angular 团队在 stackblitz 上整理的快速示例：https://jnmormjeloo.angular.stackblitz.io