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

前端之家收集整理的这篇文章主要介绍了Angular pre-bootstrap(第一个屏幕)加载器的动画在初始加载期间冻结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这里简单的演示: 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标记之间进行推送.

猜你在找的Angularjs相关文章