Angular 子路由器出口在父出口动画之前删除内容
Angular child router-outlet removes content before parent outlet animates out
我已经设置了一些与主应用程序路由器出口一起使用的动画，但是当其中一条路线有子出口和子出口时，当我离开时，子出口内容会立即被删除，从而使动画无效.有没有什么方法可以让内容在导航出来时保持不变，以便在动画完成之前不会删除内容？也许用另一个动画处理 :leave on that child outlet?
包括 StackBlitz：https://stackblitz.com/edit/angular-7tfkp4
您会注意到，当您转到项目，然后导航离开时，子路由器出口中的内容会立即消失。
使用：
Angular CLI: 7.0.5
Node: 10.5.0
OS: win32 x64
Angular: 7.0.3
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, language-service, material, platform-browser
... platform-browser-dynamic, router
看来问题可能是因为您没有路由器重用策略。
这里有一个很好的答案： 以及有关如何实现它的信息。
基本上，通过导航您将丢弃最后一个视图，它会在 return 上完全重新呈现。
当然，如果没有源代码，这只是一个有根据的猜测，如果有更多信息，回复起来会更容易。
我已经设置了一些与主应用程序路由器出口一起使用的动画，但是当其中一条路线有子出口和子出口时，当我离开时，子出口内容会立即被删除，从而使动画无效.有没有什么方法可以让内容在导航出来时保持不变，以便在动画完成之前不会删除内容？也许用另一个动画处理 :leave on that child outlet?
包括 StackBlitz：https://stackblitz.com/edit/angular-7tfkp4
您会注意到，当您转到项目，然后导航离开时，子路由器出口中的内容会立即消失。
使用：
Angular CLI: 7.0.5
Node: 10.5.0
OS: win32 x64
Angular: 7.0.3
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, language-service, material, platform-browser
... platform-browser-dynamic, router
看来问题可能是因为您没有路由器重用策略。
这里有一个很好的答案：
基本上，通过导航您将丢弃最后一个视图，它会在 return 上完全重新呈现。 当然，如果没有源代码，这只是一个有根据的猜测，如果有更多信息，回复起来会更容易。