在动画期间添加CSS样式并在完成动画后移除。
例如,在路由动画期间,可以添加一个类名 “animation-active”:
.animation-active { opacity: 0; }
然后,在RouterOutlet组件的done事件中删除该类名:
onDone方法:
onDone(event: any) { if (event.toState.routeConfig.path !== "") { document.querySelector('router-outlet').classList.remove('animation-active'); } }
这样,在动画完成后,内容就不会再闪烁了。