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动画,moo年是你最好的朋友.这是ngAnimate Matias Niemela的作者的博客.

我想这个职位开始:修复动画在AngularJS 1.2,但检查出像他的其他帖子在AngularJS交错动画和他人.

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