Javascript 使用angularjs animate设置div动画

我正在使用angularJs 1.2+和AngularUI路由器。
我有一条包含div的路线。当进入该路线时，出现了一个div。我想在该div中添加一个动画，用于进入和离开，但我不知道如何操作。

---

我不知道是应该创建一个使用$animate的指令，还是使用angular的内置指令。有什么建议吗？

您需要在CSS中创建动画，并让

ngAnimate

应用并删除相应的类

或者这里有一个很好的角度库，用于预定义动画：

仔细阅读说明，您需要TweenMax.js库。

这里有一个常见问题：

以及相关的

如中所述

它们的工作原理： AngularJS中的动画完全基于CSS类。只要你有一个CSS类附加到网站中的HTML元素，你就可以对它应用动画

因此，通过这种方式，我们可以创建一些与

ui视图

元素（plunker中使用的类或属性）和ngAnimation注入类相关的CSS定义：

.ng enter

，

.ng leave

与常见问题相关的

---

您是否有使用ngAnimate指令的示例？请记住，我使用的是Angular 1.2+。所有可能使用ng fx的动画在这里都有示例：我不想设置ui视图的动画，我想设置ui视图内的dic的动画。但这不一样吗？我们知道，由于

ui路由器

和

动画

，父元素将获得一些CSS。因此，DIRECTIVE元素可以使用这些父类来定义自己的转换：

.parent.ng-enter.myDirClass

-您就有了所需的！；）；）不完全是因为这意味着我还必须将转换添加到.parent.ng-enter.myDirClass，这会造成混乱。好吧，我认为这不符合您的需要。只是想展示一种方式，在我看来这是可行的。祝你好运，不管怎么说，这是一款很棒的

ui路由器……）最后，我在ui视图元素上进行了转换，而不是在内部div上。您的答案是最相关的。
[ui-view].ng-enter, [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0;
    ...
    transition:all .5s ease-in-out;
    ...
}

[ui-view].ng-enter-active {
  opacity: 1;
  ...
  transform:scale3d(1, 1, 1);
  ...
}

[ui-view].ng-leave {
  opacity: 1; 
  ...
  transform:translate3d(0, 0, 0);
  ...
}