【发布时间】:2016-01-06 17:51:38
【问题描述】:
我是 Angular 的新手,我正在尝试为列表创建一个小的淡入/出动画。
我有两个列表,可以使用页面顶部的按钮进行切换。当一个新列表到来时,会有一个淡入淡出的小动画。
Please see following Plunker:
https://plnkr.co/edit/A8Aozfq2fHuUKQFaJm7l?p=preview
我的问题是,我想要一个“串行工作流程”。因此,当第一个列表被隐藏时,应该出现第二个 - 目前,有一个“并行工作流程”。那我该如何改变呢?
【问题讨论】:
-
我在这种情况下使用
ng-style而不是ng-hide/ng-show。 -
感谢您的输入 - 但如果您使用 ng-style,仍然存在同样的问题,即存在“并行淡入淡出效果”而不是串行淡入淡出效果?!
-
默认设置为
display:none;可以解决这个问题(我的意思是在你的css中)。 :)
标签: javascript angularjs css-animations ng-animate