AngularJS中类似jQuery的动画支持吗？

Question

这是我使用“ jquery”的代码：

$("#myElement").fadeIn("slow").delay(1000).fadeOut("fast", ->
    $('a')[0].click()
)

我先淡入一个元素，然后淡出它，当淡出完成时，我触发了<a>的点击事件。

我试图在角度上下文下的函数（ $scope.myFadeFunc ）中添加此代码段，当我执行$scope.myFadeFunc ，浏览器将引发错误：

错误：[$ parse：isecdom]不允许在Angular表达式中引用DOM节点！ 表达式：myFadeFunc

但是，fadeIn / fadeOut效果很好。似乎只是警告而不是error 。 我想知道以纯AngularJS样式制作此动画的推荐方法是什么。

有谁知道如何在没有jQuery的AngularJS中做到这一点？

Answer 1

您看过动画的角度文档了吗

这样，您可能可以将一些复杂的CSS关键帧动画串在一起。 只需弄清楚动画应该多长，然后相应地调整关键帧百分比即可。 至于$('a')[0].click()结尾，则必须单独处理

Answer 2

在Angular中制作动画的最好方法是使用ngAnimate指令以及这些超棒的CSS动画 ！

这些css动画有点旧（从2013年开始），但是在最新版本的Angular中可以正常使用。