UI动画Jquery与AngularJS

时间:2014-06-09 00:29:03

标签: javascript jquery angularjs animation

我正在开发一个Web应用程序并使用AngularJS。但是,直到现在,我还没有UI动画。我想知道使用jQuery或AngularJS来制作动画。

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

当我们谈论AngularJS网络应用程序时,总是将AngularJS用于所有动画吗?

2 个答案:

答案 0 :(得分:1)

如果您在将数据绑定到UI时使用角度的MVVM方法,则角度动画会更简单,更直观。 取决于您想要拥有的动画。使用角度动画,您可以轻松地执行以下操作:在输入,离开和移动(每个都不同)的交错重复项目上交错动画。角度动画很容易,但是没有,可能很难 - 取决于你的动画,你如何访问和修改数据等。

答案 1 :(得分:1)

Angular-animate可让您轻松:

  1. 使用内置角度指令在操作DOM时使用的现有CSS类:。enter,.leave,.enter-active,.leave-active等。您可以轻松地将CSS 3过渡添加到动画时例如,在ng-repeat中添加或删除项目。

  2. 使用脚本库来制作动画(jquery,tweenmax等)。这也是CSS类驱动的。