Angular pre-bootstrap(第一个屏幕)加载器的动画在初始加载期间

发布时间：2020-12-17 18:10:16 所属栏目：安全来源：网络整理

导读：这里简单的演示： https://plnkr.co/edit/IA0Bs5VH9WwVbLlKPQ6X?p=preview(我使用官方的angular.io/docs演示应用程序) 问题是：第一个屏幕加载器(我使用loader.svg)动画在Angular App的初始加载过程中冻结了一秒钟过程如下：打开页面,svg loader animation

这里简单的演示： https://plnkr.co/edit/IA0Bs5VH9WwVbLlKPQ6X?p=preview(我使用官方的angular.io/docs演示应用程序)

问题是：第一个屏幕加载器(我使用loader.svg)动画在Angular App的初始加载过程中冻结了一秒钟

过程如下：打开页面,svg loader animation starts – >装载机动画冻结 – >装载机动画重新开始 – >角度app完成加载,装载机隐藏

在这个演示中,冻结更明显：http://iarouse.com/dist-angular2-material/v1/

<my-app>
  <!-- the loader -->
  <div id="loader-container"></div>
</my-app>

我的真实应用程序更大,初始加载器动画在引导过程中冻结了几秒钟,这令人沮丧

我能做些什么让它变得光滑？

解决方法

我有你的问题,因为我正在渲染一个gif微调器图像.
我尝试了@bviale发布的解决方案,但它确实有效.

只需使用在https://www.w3schools.com/howto/howto_css_loader.asp中创建的代码并在app-root标记之间进行推送.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!