问题描述
在延迟加载的模块之间进行路由时,我无法使路由动画正常工作。
- AppModule:[HomeComponent,AboutComponent]
- LazyModule:[Lazy1Component,Lazy2Component]
在同一模块的各个组件之间进行切换时(例如Home> About或Lazy1> Lazy2),动画可以正常工作,离开页面动画化,进入页面动画化。
但是,当在不同模块的组件之间进行更改时(例如Home> Lazy1或Lazy2> About),离开页面会立即消失,然后进入页面的动画效果。
我无法弄清楚如何为离开页面设置动画,它似乎会立即从dom中移除。
检查堆栈闪电: https://stackblitz.com/edit/angular-lazyloading-animation-xkxye9?file=src/app/app.routing.ts
在来自不同(惰性)模块的组件之间切换时,我们如何制作动画?这是Angular无法做到的吗?
注意:我必须使用{option:true},因为query(:leave)会引发一个错误,即发现零个元素。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)