角预引导（第一屏）装载机的动画初始加载

Question

简单的演示这里时停止：https://plnkr.co/edit/IA0Bs5VH9WwVbLlKPQ6X?p=preview（我用的是官方angular.io/docs演示应用程序）

问题是：第一屏装载机（我使用loader.svg）动画在初始加载Angular App时冻结了一秒

进程如下：打开页面，svg加载器动画开始 - >加载器动画冻结 - >加载器动画重新启动 - >角度应用完成加载，加载器隐藏

在本演示中，冷冻更加明显：http://iarouse.com/dist-angular2-material/v1/

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

我真正的应用程序较大，初始加载动画过程中引导过程中，这是令人沮丧的

任何东西冻结了几秒钟我能做到让它顺利吗？

Answer 1

我有你的问题，因为我正在渲染一个gif微调图像。 我试着@bviale发布的解决方案，它的工作。

只需使用https://www.w3schools.com/howto/howto_css_loader.asp中创建的代码并将其放在app-root标记之间。