UI Animations Jquery vs AngularJS

本文关键字：AngularJS vs Jquery Animations UI 更新时间：2023-09-26

我正在开发一个web应用程序，使用AngularJS。但到目前为止，我还没有UI动画。我想知道使用jQuery或AngularJS制作动画。

我知道AngularJS有ngAnimate指令，因为我可以构建自己的指令，但在jQuery中有很多很好的动画和很多很好的例子。为什么我要用AngularJS制作UI动画?只是为了在我的代码中保持AngularJS标准?或者还有更多?

当我们在谈论一个AngularJS web应用程序时，总是使用AngularJS的所有动画是常见的吗?

如果你在将数据绑定到UI时使用angular的MVVM方法，angular-animate会更简单、更直观。
取决于你想要的动画。使用角度动画，你可以很容易地做这样的事情:在进入、离开和移动(每个都不同)的重复项目上错开动画。有角度动画很容易，但没有角度动画就很难了，这取决于你的动画，你如何访问和修改数据，等等。

Angular-animate允许你轻松地:

使用内置angular指令在操作DOM时使用的现有CSS类:.enter、。leave、。enter-active、。leave-active等。当从ng-repeat中添加或删除项目时，您可以轻松地为动画添加CSS 3过渡，例如
使用脚本库来做动画(jquery, tweenmax等)。这也是CSS类驱动的