【问题标题】:AngularJS Animate - First hide the listAngularJS Animate - 首先隐藏列表
【发布时间】: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


【解决方案1】:

尝试增加过渡时间。它可以提供帮助。

【讨论】:

  • 使用 cmets 获得这样的建议。这不是问题的答案。
猜你喜欢
  • 1970-01-01
  • 2017-03-19
  • 1970-01-01
  • 2015-08-28
  • 2014-03-10
  • 2015-07-17
  • 2015-04-06
  • 2014-03-10
  • 1970-01-01
相关资源
最近更新 更多