角形子路由器出口在父出口动画化之前删除内容

时间:2018-11-13 02:09:29

标签: angular angular-animations

我已经设置了一些可与主应用程序路由器插座配合使用的动画,但是当其中一条路由具有子节点和子插座时,当我离开时,将立即删除子插座的内容,从而使动画无效。是否有某种方法可以使内容持续浏览出去,以便在动画完成之前不删除内容?也许还有另一种动画处理方法:留在该子商店上?

包括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

1 个答案:

答案 0 :(得分:2)

似乎出现问题的原因可能是因为您没有路由器重用策略。

这里有一个很好的答案:https://stackoverflow.com/a/41515648/9097714,其中包含有关如何实现的信息。

基本上,通过导航,您将丢弃最后一个视图,返回时它将完全重新呈现。 当然,没有源代码,这只是有根据的猜测,而有了更多信息,它将使响应变得更容易。