角度事前ブートストラップ（最初の画面）ローダーのアニメーションがフリーズ初期ロード時にここに

問題は次のとおりです。最初の画面ローダー（私は角度のAppの初期ロード中に第2のためにloader.svg）アニメーションフリーズを使用

プロセスはこのように書きます：ページを開き、SVGローダーアニメーションが開始 - >ローダーアニメーション再起動し - >ローダーアニメーションはをフリーズ - >角度アプリの仕上げの読み込み、ローダーの隠し

このデモで10

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

私の本当のアプリは大きく、初期ローダーアニメーションが

どれ事はイライラさせられる、ブートストラッププロセス中に数秒間フリーズ私はそれを円滑にするためにできますか？

2017-04-04 Alex G

AngularJS、Angular2またはAngular4ですか？あなたは3つのタグを置く... – Mistalis

こんにちは@Mistalis、デモは角度4を使用します、私はangular.io文書の公式デモを使用しました –

今Angular4の文書はありません:(..私たちはまだそれを待っています。あなたのアプリケーションが "ノンブロッキング"に最適化されていないように思えます。クライアントのパフォーマンスなど、多くの多くの制限のために問題を解決するのは簡単ではありません。 – lin

私はgifスピナーイメージをレンダリングしていたため、問題がありました。 @bvialeによって投稿されたソリューションを試してみました。

https://www.w3schools.com/howto/howto_css_loader.aspに設立され、app-rootタグの間に置かれたコードをそのまま使用します。

2017-09-19 08:17:00 Giovanni

答えて