2017-03-24 85 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> 

按鈕動作ionic2一套高速緩存視圖

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

API調用

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(); 
     }); 
} 

它加載API數據每次,但我想一次和同一個按鈕加載API數據我已經用於sidemenu的行動,它的工作fine.please給任何想法。

+0

哪裏的API調用代碼? – Sampath

+0

我已更新代碼 –

+0

我已將api調用放入construtor中,仍然出現加載問題 –

回答

0

這似乎是奇怪的行爲根據文檔在這裏。

ionViewDidLoad

運行時,設置頁面加載。該事件僅在每頁 被創建時發生一次。如果頁面離開但被緩存,則此事件將在後續查看時不會再次觸發。 ionViewDidLoad事件是 放置頁面的設置代碼的好地方。

但是,您可以在constructor()內使用它,如下所示。

constructor() { 

    //your Api call here 
    } 
+0

解決方法是,您必須停止應用程序並使用>'ionic serve'再次打開它。看起來你有瀏覽器緩存損壞問題或類似的。開始一個應用程序A-Z。 – Sampath