角度动画触发但不动画任何东西

Question

我想定义一个简单的动画。但它没有用。

export const routeAnimation: AnimationEntryMetadata =
  trigger('routeAnimation', [
    state('in', style({
      opacity: 1
    })),
    state('out', style({
      opacity: 0,
      display: 'none'
    })),
    transition(':enter', [style({ opacity: 0 }), animate('200ms ease-out')]),
    transition('in => out', animate('1050ms ease-in'))
  ]);

：输入转换按预期工作。但是，in =＆gt;启动out转换（＆＃34;完成＆＃34;回调在1050ms后执行）但是该组件在没有fadein的1050ms时间之后突然消失。

你知道为什么吗？

Answer 1

我找到了解决方案。 在设置css display属性以阻止组件样式表内部之后，所有内容都开始正常工作。