Ionic 3 Lazy Loaded Modal/Seite braucht zu viel Zeit, um zum ersten Mal zu erscheinen

Question

Ich habe eine Seite, die ich als Modal in meiner Ionic 3 App verwende. Und ich habe das Problem, dass ich das erste Mal, wenn ich es anrufe, sehen kann, wie die Knopfanimation endet und immer noch die Modale nicht erscheint.

Das zweite Mal, wenn ich es nenne, kommt es sehr schnell.

Das ist mein html (i

<ion-navbar color="primary"> 
    <button ion-button 
      menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title text-capitalize>{{ 'FEEDBACK' | translate }}</ion-title> 
    <ion-buttons end> 
     <button class="config-button" 
       ion-button 
       tappable 
       (touchend)="openConfig()"> 
      <ion-icon name="md-more"></ion-icon> 
     </button> 
    </ion-buttons> 

</ion-navbar> 

und die Funktion

openConfig() { 
    let profileModal = this.modalCtrl.create('ConfigModalPage' , { userId: 8675309 }); 
    profileModal.present(); 
} 

Wenn ich die faulen Lastverhalten entfernen es schneller geladen, aber es stillt geht, die erstmals Laggy.

Wie kann ich dieses modale beschleunigen?

Answer 1

In Ihrer Funktion verwenden Sie nicht Lazy laden appro Achten Sie darauf, dass Ihr modaler Controller Component anstelle einer Zeichenfolge verwendet.

ConfigModalPage sollte String sein - 'ConfigModalPage'.

Dafür muss Ihre Komponente eine korrekte Modulkonfiguration haben. Wenn Sie diese Dateien teilen können, kann ich dabei helfen.

Seitennotiz - warum verwenden Sie touchend Ereignis für die Schaltfläche?