2016-04-03 10 views
0

私はangle-css-injectorを使ってすべての "ページ"変更にCSSを注入する1ページのアプリを持っています。AnglesJSはCSSの遅延読み込みを待っています

ページを読み込むときに、1秒未満の間はうまく見えず、その後CSSが読み込まれ、すべてが良好です。 CSSを読み込み、ページを表示するのを待つ方法はありますか? (一方、病院はローダーを示す)。

私はチェックして、cssがロードされたときのコールバックがないことを確認しました。

いくつかのモジュールに同じクラスがあり、その混乱を処理する時間がないので、私はcssを事前にロードしたくありません。

答えて

0

を(またはあなたがあなたのメインのCSSを呼び出す何でも)。

このような場合は、独自のインジェクタを作成することをお勧めします。そのため、ファイルの読み込みを制御できます。これは、基本的なものと複雑なものがあります。例:

var client = new XMLHttpRequest(); 
client.open('GET', '/component/style.css'); 
client.onreadystatechange = function() { 
    document.querySelector("style#dynamic").innerHTML = client.responseText; 
} 
client.send(); 
1

のCssソリューション

角度CSSの使用表示ブロックまたは不透明1.

の負荷に、その後何度または不透明度0を表示しないようにbodyタグを設定して最初にでロードし、あなたの基本的なCSSのシートでこのようStyles.cssをしているので、重複が起こらないだろう、各コンポーネントセレクタの下SCSSコードを書くために、これを行うための適切な方法は、SCSSを使用している

body { 
    display: none; 
    // or 
    opacity: 0; 
} 
関連する問題