Angular路由动画期间，内容（有时）会闪烁。
创始人
2024-10-28 01:35:35
0次

在动画期间添加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'); } }

这样，在动画完成后，内容就不会再闪烁了。

上一篇：Angular路由动画不起作用（我正在使用来自angular.io官方文档的示例动画）

下一篇：Angular路由动画在从顶部栏组件调用时无法工作（错误：NG03402）

相关内容

热门资讯

实测交流！泸州大二实战技巧（透... 实测交流！泸州大二实战技巧（透视）xpoker怎么辅助（解密教程有挂细节）>>您好：软件加薇1367...
透视能赢！哈局13张辅助器（透... 透视能赢！哈局13张辅助器（透视）wepoker私人局外卦（2026新版教程有挂实锤）《详细加薇13...
今日公布！衢州都莱辅助器是真的... 今日公布！衢州都莱辅助器是真的假的（透视）wepoker辅助器安装包定制（德州教程有挂规律）>>您好...
透视好友房！潮友会鱼虾蟹脚本辅... 您好：这款潮友会鱼虾蟹脚本辅助器游戏是可以开挂的，确实是有挂的，很多玩家在这款潮友会鱼虾蟹脚本辅助器...
分享一款！werplan脚本（... 分享一款！werplan脚本（透视）wepoker私人局俱乐部（必赢方法揭秘有挂） >>您好：软件加...
实操分享！随意玩工具箱辅助器（... 实操分享！随意玩工具箱辅助器（透视）hhpoker德州挂真的有吗（科技教程有挂存在）这是一款可以让一...
每日必看！填大坑辅助工具排行（... 每日必看！填大坑辅助工具排行（透视）wepoker透视脚本苹果版（AI教程有挂工具）《详细加薇136...
六分钟了解！随意玩工具箱辅助器... 大家好，今天小编来为大家解答hhpoker德州挂真的有吗这个问题咨询软件客服可以免费测试直接加微信（...
透视辅助“pokemmo辅助脚... 大家好，今天小编来为大家解答pokemmo辅助脚本这个问题咨询软件客服可以免费测试直接加微信（136...
科技介绍"微信小程序... 大家好，今天小编来为大家解答微信小程序雀神挂件怎么安装这个问题咨询软件客服可以免费测试直接加微信（1...