如何在angular 5动画中正确定义过渡？
提问于 2019-06-16 03:30:39
我可以在应用程序中运行动画，但我尝试动画幻灯片没有成功，我已经尝试了以下方法：
animations: [
trigger('slideOut', [
transition ('* => void', [
animate('1000ms ease-out',
style({ transform: 'translateY(200%)' })
)
])什么都没动。我实际上需要高度为零，但这个例子就是没有移动。这应该是从显示到消失的信息消息动画。谢谢。
回答 1
Stack Overflow用户
发布于 2019-06-18 13:09:07
当您使用* => void时，您实际上是在告诉Angular在组件退出视图时对其进行动画处理。是否从视图中删除组件？你可以尝试*如果你的组件离开视图，动画将被触发。
查看此StackBlitz，了解如何使用此动画。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56615845
复制
腾讯云开发者
