动画移除动态角度组件?

In this stackblitz demo当我们点击Create success时,组件视图显示是动画的(从不透明度0到不透明度1超过5秒)。

如果我们清空容器(this.container.clear()),元素的移除不会有动画效果。动画属性如下所示:

  animations: [
    trigger('fadeInOut', [
      transition(':enter', [
        style({ opacity: 0 }),
        animate(5000, style({ opacity: 1 }))
      ]),
      transition(':leave', [
        animate(5000, style({ opacity: 0 }))
      ])
    ])
  ],

在这种情况下,我们如何启用leave动画的触发?

转载请注明出处:http://www.heshunyou.com/article/20230526/1104446.html