Возможно ли загрузить какой-либо компонент перед компонентом «App»? Angular2

Question

Мое приложение начинается с App компонента:

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

Это мой index.hmtl

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

Но я хочу, чтобы сделать заставку вместо просто "Загрузка ..." Сообщение:

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

Также я добавил заставку в основные объявления модуля:

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

Но процесс загрузки начинается с App и Splash не загружен. Как загрузить компонент Splash перед компонентом приложения и использовать его?

Answer 1

Вы не можете загрузить компонент без углового, поэтому вам, вероятно, понадобится создать «статический» заставку/загрузку анимации с чистым HTML (и JS, если вам это нужно).

Answer 2

Вы можете сделать AppComponent максимально легким и добавить <my-actual-app-component *ngIf="dataIsLoaded">my-actual-app-component>, если вы думаете, что рендеринг вашего AppComponent занимает некоторое время. Обычно это просто инициализация самого Angular2.

Answer 3

Компонент приложения будет тот, который вы загружаете из Углового 2. Если вам нужен заставку, вам нужно будет сделать это в своем index.html. Оттуда вы можете добавить js и css к нему, если хотите какую-то анимацию, отличную от статического экрана заставки (т. Е. Загрузочного круга).