Angular CSS ngAnimate已翻译为开发人员

Question

当与路线一起使用时，

ngAnimate具有不同的“CSS样式”，可以设置它们以产生不同的过渡。

这是否是涵盖转换所有CSS选项的正确模板？

  

myAnimation =代表我的css模板。

.myAnimation {}
.myAnimation.ng-enter {}
.myAnimation.ng-enter-active {}
.myAnimation.ng-leave {}
.myAnimation.ng-leave-active {}

是否有关于什么影响以及何时影响的指南或文档？

我已经玩了一段时间了，我仍然不理解每个CSS项目的角色以及它们在动画中扮演的角色，我指的是“绝望的视图”和“新视图”。我理解这也涉及理解CSS，但我正在寻找的是使用最简单的CSS来理解这一点......开发人员可以使用它来从那里发展。

Answer 1

说到Angular动画，year of moo是你最好的朋友。这是ngAnimate Matias Niemela的作者的博客。

我会从这篇文章开始：Remastered Animation in AngularJS 1.2，但请查看其他帖子，例如Staggering Animations in AngularJS和others。

Remastered Animation in AngularJS 1.2确实覆盖了你需要知道的有关角度动画的99％，并提供有关CSS过渡，CSS关键帧动画以及支持所有内置Angular指令的JavaScript动画的解释和示例开箱即用的动画：ngView，ngInclude，ngIf，ngSwitch，ngClass，ngShow，ngHide以及如何将它应用于您自己的自定义指令。