嵌套路线立即消失而不是播放：离开动画

Question

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

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

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

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

这会导致错误query("@*") returned zero elements.。因此，嵌套路由立即被删除，父组件无法看到它。

Angular版本： 4.2.2

Answer 1

对我来说，问题的原因是，当从/ page1导航到/ page2时，在page2.component.ts中是从服务器构造函数中加载数据。经过两周的努力，将代码移至ngOnInit可以解决此问题。