是否可以在「App」組件之前加載某個組件？ Angular2

Question

我的應用程序從App組件啓動：

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

這是我index.hmtl

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

但我想使，而不是僅僅閃屏 「正在加載...」 消息：

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

此外，我添加了啓動畫面主模塊聲明：

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

但是...引導過程從App組件開始，Splash未加載。 如何在App組件之前加載Splash組件並使用它？

Answer 1

你不能加載沒有Angular的組件，所以你可能需要用純HTML（和JS，如果你需要的話）製作一個「靜態」啓動畫面/加載動畫。

Answer 2

如果您認爲渲染您的AppComponent需要一些時間，您可以使AppComponent儘可能輕量化並添加<my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>。通常這只是Angular2本身的初始化。

Answer 3

應用程序組件將是您從Angular 2加載的應用程序組件。如果您想要啓動屏幕，則需要在index.html中執行此操作。如果您想要某種靜態啓動畫面（即加載循環）以外的動畫，則可以在其中添加js和css。