是否可以在 "App" 组件之前加载一些组件?角度2
Is it possible to load some component before "App" component? Angular2
我的应用程序从 App
组件开始:
@NgModule({
bootstrap: [ App ]
...
这是我的index.hmtl
...
<app>
Loading...
</app>
...
但我想制作启动画面而不只是 "Loading ... " 消息:
...
<app>
<splash></splash>
</app>
...
我还在主模块声明中添加了闪屏:
...
declarations: [
App,
SplashScreen
],
...
但是...引导过程从 App
组件开始并且未加载 Splash
。
如何在App组件之前加载Splash组件并使用它?
没有 Angular 就无法加载组件,因此您可能需要使用纯 HTML(和 JS,如果你需要那个)。
如果您认为渲染您的 AppComponent 需要一些时间,您可以使 AppComponent 尽可能轻量并添加一个 <my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>
。通常只是Angular2本身的初始化。
应用程序组件将是您从 Angular 加载的组件。2. 如果您想要启动画面,则需要在 index.html
中执行此操作。如果你想要某种动画而不是静态启动画面(即加载圆圈),你可以从那里添加 js 和 css。
我的应用程序从 App
组件开始:
@NgModule({
bootstrap: [ App ]
...
这是我的index.hmtl
...
<app>
Loading...
</app>
...
但我想制作启动画面而不只是 "Loading ... " 消息:
...
<app>
<splash></splash>
</app>
...
我还在主模块声明中添加了闪屏:
...
declarations: [
App,
SplashScreen
],
...
但是...引导过程从 App
组件开始并且未加载 Splash
。
如何在App组件之前加载Splash组件并使用它?
没有 Angular 就无法加载组件,因此您可能需要使用纯 HTML(和 JS,如果你需要那个)。
如果您认为渲染您的 AppComponent 需要一些时间,您可以使 AppComponent 尽可能轻量并添加一个 <my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>
。通常只是Angular2本身的初始化。
应用程序组件将是您从 Angular 加载的组件。2. 如果您想要启动画面,则需要在 index.html
中执行此操作。如果你想要某种动画而不是静态启动画面(即加载圆圈),你可以从那里添加 js 和 css。