是否可以在“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的情况下加载组件，因此您可能需要制作一个＆＃34;静态＆＃34;使用纯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。