angular - 嵌套路线立即消失而不是播放:leave animation

Question

我有外部路线:/posts 和 /about。 /posts 路由具有嵌套路由:/ 和 /pages/:pageNumber。

在嵌套路由(/ 和 /pages/:pageNumber)之间导航时，动画效果很好。但是当导航到 /about 时，嵌套路由立即消失。

animateChild() 没有帮助。在父路由器组件动画中:

transition(':leave', [
  query('@*', animateChild()),
  animate('/*some easing*/', style({/*some styles*/}))
])

这会导致错误 query("@*") 返回零个元素。。因此嵌套路由会立即被删除，父组件看不到它。

Angular 版本:4.2.2

Answer 1

对我来说，问题的原因是，当从/page1 导航到/page2 时，在 page2.component.ts 中，我正在构造函数中从服务器加载一些数据。在我花了 2 周的时间后，将该代码移至 ngOnInit 解决了这个问题。