是否可以在组件之前加载某些组件"App"？棱角2

Question

我的应用程序从 App组件开始：

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

这是我的index.hmtl

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

，但我想制作飞溅屏幕，而不仅仅是"加载..."消息：

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

我也将Splash屏幕添加到主模块声明中：

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

但是...引导过程从App组件开始，Splash未加载。在应用程序组件之前，如何加载飞溅组件并使用它？

Answer 1

如果没有角度，您就无法加载组件，因此您可能需要使用纯HTML制作"静态" splash屏幕/加载动画（如果需要的话）。<<<<<<<<<<<<<<

Answer 2

您可以使AppComponent尽可能轻巧，如果您认为呈现AppComponent需要一些时间，请添加<my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>。通常只是Angular2本身的初始化。

Answer 3

应用程序组件将是您从Angular 2加载的一个组件。如果您想要Splash屏幕，则需要在index.html中执行此操作。如果您想要某种动画，则可以从那里添加JS和CSS，除了静态飞溅屏幕（即加载圆圈）。