Angular2アプリが起動しないうちにスタッキングローディング状態になっていませんか？

Question

私のindex.htmlでは、Angular2アプリが起動/ブートストラップする前に、ユーザーにローディング状態を表示したいと考えています。

<my-app> 
    <div class="sk-cubes"> 
     <div class="sk-cube1"></div> 
     <div class="sk-cube2"></div> 
    </div> 
    </my-app> 

私はロード-state.cssという名前のスタイルシートにスタイルを与えるためにしようとのindex.htmlでそれを含めて何とかそれは、このファイルからスタイルを取っていないのです。しかし、ヘッダーやインラインスタイルのタグにスタイルを与えるときに、期待される動作が得られています。私は何かを逃しましたか？私はloading-state.css基準myappでindex.htmlページ

head

のタグに成分を与えられたと仮定

Answer 1

は、noneにViewEncapsulationを設定します。

import {ViewEncapsulation} from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'myapp', 

    encapsulation: ViewEncapsulation.None // <<<=====here 

}) 
class MyAppComponent { 

}