2017-03-24 1 views
1
<button class="alt-button" ion-item detail-none (click)="goToAbout()" clear small > 
    <ion-icon name='person' item-left></ion-icon>About us</button> 

Buttonaktionionic2 Set Cache Ansicht, wenn die Schaltfläche Auslösen

goToAbout() { 
     this.menu.close(); 
     // close the menu and Goto About page 
     this.app.getRootNav().push(AboutPage); 
    } 

api Anruf

ionViewDidLoad(){ 
this.loading.present(); 
     this.aboutservice.getPost().then(
     response => { 
      this.items = response 
      this.loading.dismiss(); 
     }, 
     error=>{ 
      this.error = error 
      this.showError('There was problem with server'); 
      this.loading.dismiss(); 
     }); 
} 

es lädt die api Daten jedes Mal, aber ich möchte einmal api Daten laden und derselben Taste Aktion, die ich für sideMenu verwendet habe, funktioniert es gut. bitte geben Sie eine Idee.

+0

wo ist der api call code? – Sampath

+0

ich habe den code –

+0

aktualisiert ich habe den api call in construtor gestellt, immer noch loading erscheint –

Antwort

0

Es scheint seltsames Verhalten nach dem Dokument hier.

ionViewDidLoad

Runs, wenn die Seite geladen wurde. Dieses Ereignis wird nur einmal pro Seite erstellt. Wenn eine Seite verlässt, aber zwischengespeichert wird, wird dieses Ereignis bei einer nachfolgenden Anzeige nicht erneut ausgelöst. Das ionViewDidLoad-Ereignis ist ein guter Ort, um Ihren Setup-Code für die Seite zu setzen.

Aber Sie können es innerhalb der constructor() wie unten gezeigt verwenden.

constructor() { 

    //your Api call here 
    } 
+0

Die lösung ist dann müssen sie die app stoppen und strat sie wieder mit> 'ionic serve'. Es scheint, dass Sie Probleme mit dem Browser-Cache-Fehler haben oder so. Starten Sie eine App A-Z. – Sampath

Verwandte Themen