1. Zuhause
  2. Frage und Antwort
  3. Angular, weißer Bildschirm erscheint für ein oder zwei Sekunden, bevor die Seite angezeigt wird

Angular, weißer Bildschirm erscheint für ein oder zwei Sekunden, bevor die Seite angezeigt wird

2017-07-21 4 views
1

Ich bin neu mit Winkel 4. ich einige Komponenten erstellt haben:Angular, weißer Bildschirm erscheint für ein oder zwei Sekunden, bevor die Seite angezeigt wird

  • HomeComponent
  • AboutComponent
  • NewsComponent
  • CpntactComponent

und ich habe eine bootstrap template auf mein erstes Projekt angewendet.

Ich habe keinen Fehler, aber das Problem ist, dass wenn ich zwischen den Seiten navigiere, ein weißer Bildschirm für 1 oder 2 Sekunden erscheint, bevor die Seite angezeigt wird.

index.html

<body> 
    <app-root></app-root> 
</body>

Dies ist der app.component.html

<app-nav-bar></app-nav-bar> 

<router-outlet></router-outlet> 

<app-footer></app-footer>

Projektstruktur

Project

für exemple, bin ich auf der Homepage:

enter image description here

, wenn ich auf den Link klicken um diese weiße creen erscheint für 1 bis 2 Sekunden:

enter image description here

und dann wird die Seite angezeigt:

enter image description here

Quelle

2017-07-21 hous

Antwort

1

Das Problem ist, dass ich „Router“ innerhalb der Links wie dies zum Beispiel hinzufügen vergessen:

<a routerLink="contact">

Quelle

2017-07-22 11:29:41 hous

1

Dies ist ein typisches Angular-Verhalten, besonders in der Entwicklung mit JIT-Compilation, da es ein recht schwergewichtiges Framework ist. Wenn Sie eine AOT-Kompilierung und ein Bundler wie Webpack verwenden, wird das Problem stark reduziert. Möglicherweise bemerken Sie beim Booten der App eine kurze Verzögerung. Sie können jedoch einen Ladebildschirm hinzufügen, wenn Sie möchten.

Quelle

2017-07-21 16:59:38 Kai

+0

Das Problem ist, dass ich vergessen habe, in den Links wie dies zum Beispiel „Router“ hinzufügen < ein routerLink = "Kontakt"> – hous

Verwandte Themen

 Verwandte Themen