"App"コンポーネントの前にあるコンポーネントを読み込むことはできますか？ Angular2

Question

私のアプリケーションはAppコンポーネントから開始します：

@NgModule({ 
    bootstrap: [ App ] 
... 

これは私のindex.hmtl

... 
<app> 
Loading... 
</app> 
... 

ですが、私だけではなく、 "ロード中..." のメッセージのスプラッシュ画面を作りたい：

... 
<app> 
    <splash></splash> 
</app> 
... 

また、メインモジュールの宣言にスプラッシュスクリーンを追加しました。

... 
declarations: [ 
    App, 
    SplashScreen 
], 
... 

しかし、ブートストラッププロセスはAppコンポーネントから始まり、Splashはロードされません。 SplashコンポーネントをAppコンポーネントの前にロードして使用するにはどうすればよいですか？

Answer 1

Angularなしでコンポーネントを読み込むことはできませんので、純粋なHTML（必要な場合はJS）を使用して「静的な」スプラッシュ画面/読み込みアニメーションを作成する必要があります。

Answer 2

AppComponentをできるだけ軽量にすることができ、AppComponentのレンダリングに時間がかかると思われる場合は<my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>を追加します。通常はAngular2自体の初期化です。

Answer 3

アプリコンポーネントは、角度2からロードするものです。スプラッシュ画面が必要な場合は、index.htmlで行う必要があります。静的スプラッシュ画面（ローディングサークル）以外のアニメーションが必要な場合は、そこからjsとcssを追加できます。