2013-01-16 24 views
5

私はAngularJSを使用しています。この時点まで、私は部分の上部にそれをリンクすることによって私のパーシャルに固有のCSSをロードした:AngularでCSSファイルを読み込む方法はありますか?

<!-- File: some_partial.html --> 
<link rel="stylesheet" href="link/to/some_partial.css" /> 
<!-- Rest of partial code here --> 

これは右に感じることはありません。 CSSは<head>にリンクされておらず(非標準的になっています)、しばらくしてからスタイルが実際に部分的に適用されることはありません。

CSSをAngularで遅延ロードする正しい方法は、部分的なものが実際に必要になるまで延期しますか?

+0

この問題が発生している場所へのデモリンクを提供できますか?あなたはどのようにCSSが頭の中でリンクされていないことを意味しますか? –

+0

新しいCSSをDOMに読み込むと、すべてのCSSテーブルが再計算されます。 –

+1

より良い答えはhttp://stackoverflow.com/questions/15193492/how-to-include-view-partial-specific-styling-in-angularjsをご覧ください。 –

答えて

1

さまざまなコントローラのスタイリングニーズを追跡するサービスを紹介することをお勧めします。実際には、他のコンポーネントが要求するものに基づいて、実際のCSSファイル/パスをheadに出力する独自の小さなコントローラを持つことになります。このサービスは、他のコンポーネントに注入され、興味のあるスタイルを表現するためのメソッドを呼び出すことができます。興味のあるスタイルを表現することは、実際のCSSファイル/パスや抽象化されている「表、アラート、カスタムブランディングなどのサポートが必要」のようなものです。

関連する問題