javascript - AngularJS Animate - 首先隐藏列表

标签 javascript angularjs css-animations ng-animate

我是 Angular 的新手,我正在尝试为列表创建一个小的淡入/淡出动画。

我有两个列表,可以使用页面顶部的按钮进行切换。当新列表出现时,会有一个淡入和淡出的小动画。

Please see following Plunker:

https://plnkr.co/edit/A8Aozfq2fHuUKQFaJm7l?p=preview

我的问题是,我想要一个“串行工作流程”。因此,当第一个列表被隐藏时,第二个列表应该出现 - 目前,存在“并行工作流程”。那么我该如何改变呢?

最佳答案

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

关于javascript - AngularJS Animate - 首先隐藏列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34629712/

相关文章:

jquery - 动画不会显示隐藏 block

javascript - 在 laravel 5.2 中使用 socket.io 建立连接时 io.on 不工作

javascript - 从网络应用程序调用 FB.login() 时,官方 Facebook iOS 应用程序总是崩溃

javascript - 使用 Javascript/Jquery 上下移动 div 更改 ID 号

javascript - 将数据从 HTML 传输到外部 Javascript 代码

angularjs - Angular 数据表错误 - 未定义不是函数

javascript - HighCharts - 为只有单个数据点的系列启用标记?

javascript - 谷歌地图 initMap 函数添加参数

css - SVG 动画在 Safari 13.1 (Mac OS & IOS) 中挣扎

CSS3 关键帧动画定格动画图像抖动