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

时间:2019-02-19 08:40:50

标签: angular angular-animations

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

此刻,欢迎文本将按原样淡入和淡出,但是淡出后立即将再次显示,情况并非如此。另外,我不知道如何分隔动画,以便在第一个文本之后显示下一个文本,依此类推。

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

1 个答案:

答案 0 :(得分:1)

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