角度延迟加载会破坏骨架加载动画

Posted

技术标签:

【中文标题】角度延迟加载会破坏骨架加载动画【英文标题】:Angular lazy loading breaks skeleton loading animations 【发布时间】:2019-03-22 18:48:22 【问题描述】:

我已经看到了一些其他解决方案(Show activity Indicator while loading a lazy loaded Module in Angular 2、Showing a loading indicator for lazy loaded route module)和其他一些我快速浏览但没有解决我的问题的解决方案。

我的应用变得太大,需要延迟加载。我有一个用于加载指标的骨架 UI(与一个大微调器相比)。一旦我将事物转换为延迟加载,它就破坏了我的skeleton-ui 中的所有关键帧动画。

我不知道为什么会这样。它可能是 CSS、Angular 甚至是我的应用程序在解析 JS 之前锁定 UI 的东西。我不知道。

如何在通过骨架 ui 向用户提供即时反馈的同时进行延迟加载?

【问题讨论】:

【参考方案1】:

使用加载微调器...由于您没有提供代码示例,因此很难帮助您解决问题。

我猜原因是过度获取 CSS。

【讨论】:

以上是关于角度延迟加载会破坏骨架加载动画的主要内容,如果未能解决你的问题,请参考以下文章

角度 5 延迟加载与动态加载

如何在加载延迟加载的路由组件时显示“加载”动画?

没有路由器的角度延迟加载模块

如何使用 mongodb 数据延迟加载角度

如何将 react-spring 动画组件添加到 React 延迟加载?

如何延迟从页面加载开始显示Gif?