angular - 是否可以在“App”组件之前加载一些组件？角2

Question

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

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

这是我的 index.hmtl

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

但我想制作启动画面，而不仅仅是“Loading ...”消息：

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

我还在主模块声明中添加了启动画面：

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

但是......引导过程从App组件开始并且Splash没有加载。如何在 App 组件之前加载 Splash 组件并使用它？

Answer 1

没有 Angular 就无法加载组件，因此您可能需要使用纯 HTML（和 JS，如果需要）制作“静态”启动屏幕/加载动画。

Answer 2

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

Answer 3

应用程序组件将是您从 Angular 2 加载的组件。如果您想要启动屏幕，您需要在index.html. 如果您想要静态启动屏幕以外的某种动画（即加载圈），您可以从那里添加 js 和 css。