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

【问题标题】：Is it possible to load some component before "App" component? Angular2是否可以在“App”组件之前加载一些组件？角2
【发布时间】：2016-12-09 11:08:55
【问题描述】：

我的应用从App组件开始：

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

这是我的 index.hmtl

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

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

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

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

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

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

【问题讨论】：

您想加载 Angular2 加载和初始化时显示的 Angular2 组件？ ;-)
是的。但只是初始化。
您可以使AppComponent 尽可能轻量级，如果您认为渲染AppComponent 需要一些时间，可以添加<my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>。通常只是Angular2本身的初始化。
感谢这种方法。

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：