如何使用Angular Animations让元素逐个进出?

问题描述 投票:0回答:1

我希望屏幕上显示不同的文本几秒钟,然后再次消失。每个文本应该在另一个之后显示,并且应该自动完成。

目前,欢迎文本淡入淡出,但在它淡出后,它将再次显示,但不应该是这种情况。此外,我不知道如何分离动画,以便下一个文本显示在第一个之后,依此类推。

这是代码示例:https://stackblitz.com/edit/angular-vptfmh

angular angular-animations
1个回答
1
投票

不建议对主逻辑使用动画。在您的情况下,动画用于选择哪个元素可见。更合适的解决方案是定义组件逻辑可见的字符串,然后仅使用动画来设置转换动画。例如:https://stackblitz.com/edit/angular-lhslyk?file=src%2Fapp%2Fapp.component.ts也可能是你在寻找https://angular.io/api/animations/stagger

© www.soinside.com 2019 - 2024. All rights reserved.