javascript - AngularJS 和动画

Question

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

当我在网上搜索时，我看到了两种不同的方法；基于 JavaScript 的动画和 CSS3 动画。我了解每个的优缺点，在此简要说明:

JavaScript:

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

CSS:

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

所以当我环顾网络时，我看到两种实现方式如下:

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

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

Answer 1

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

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

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