这里简单的演示:
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发布的解决方案,但它确实有效.
我尝试了@bviale发布的解决方案,但它确实有效.
只需使用在https://www.w3schools.com/howto/howto_css_loader.asp中创建的代码并在app-root标记之间进行推送.