如何在angular 5动画中正确定义过渡？

Question

我能够在应用程序中运行动画，但是我尝试没有成功 动画滑出，我尝试了以下方法：

animations: [
        trigger('slideOut', [
            transition ('* => void', [
            animate('1000ms ease-out',
              style({ transform: 'translateY(200%)' })
            )
        ])

什么都没有动。我实际上需要高度为零，但是这个例子 只是运动也不好。 这应该使从显示到消失的信息消息具有动画效果。 谢谢。

Answer 1

当您使用* => void时，实际上是在告诉Angular在看不到组件时为其设置动画。您是否从视图中删除了组件？您可以尝试* ng如果您的组件及其消失，动画将触发。

选中此StackBlitz，以显示如何使用此动画。