AngularJS 和动画

Question

ngAnimate 似乎是触发动画的基础。但是，它不包含任何动画。

当我在网上搜索时，我看到了 2 种不同的方法；基于 JavaScript 的动画和 CSS3 动画。我了解每个人的优缺点，在这里简要介绍一下：

JavaScript：

• 支持旧版浏览器，但可能不稳定
• 更容易“将动画绑定在一起”

CSS：

• 更流畅
• 不支持旧浏览器
• 标准，我说？

所以当我环顾网络时，我看到了这两种实现：

• angular-velocity
• ngAnimate
• ngFx
• angular-motion
• animation.css 不是基于角度的，但很容易结合在一起。

什么是“标准”方法？人们如何在他们复杂的 angularjs 应用程序中使用它？您对其他工具有什么建议吗？

Answer 1

经过大量研究，我最终使用带有 angular-animate 模块的仅 css 动画。

这是一篇很棒的文章，概述了如何使用它：http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html

如果您查看网络上大多数基于 css 的转换，它们都有 JS 添加/删除类。 Angular animate 根据您已经在使用的语句为您处理所有这些，只需将您的代码挂钩。