延迟加载模块之间的角度路由动画，:leave 组件立即消失

Question

在延迟加载模块之间路由时，我无法使路由动画正常工作。

• 应用程序模块：[HomeComponent，AboutComponent]
• LazyModule：[Lazy1Component、Lazy2Component]

当在同一模块的组件之间进行更改时（例如“主页”>“关于”或“Lazy1”>“Lazy2”），动画正常工作，离开页面以动画方式退出，进入页面以动画方式进入。

然而，当在不同模块的组件之间进行更改时（例如“Home”>“Lazy1”或“Lazy2”>“About”），离开页面会立即消失，然后进入页面会以动画形式显示。

我不知道如何为离开页面设置动画，它似乎立即从 dom 中删除。

检查 stackblitz： https://stackblitz.com/edit/angular-lazyloading-animation-xkxye9 ?file=src/app/app.routing.ts

当在不同（惰性）模块的组件之间切换时，我们如何制作动画？这是 Angular 做不到的事情吗？

注意：我必须使用 {option: true} 因为 query(:leave) 会抛出找到零个元素的错误。