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

私はconstrutorでapi呼び出しを配置し​​ましたが、まだ読み込みは表示されます –

答えて

0

ここの文書によれば、奇妙な動作に見えます。ページがロードされた

ionViewDidLoad

実行します。このイベントは、ページ が作成されるたびに1回だけ発生します。ページが去ってもキャッシュされている場合、このイベントは後で表示されるときに再び発生しません。 ionViewDidLoadイベントは、 ページのセットアップコードを置くのに適しています。

ただし、constructor()の内部で使用できます。

constructor() { 

    //your Api call here 
    } 
+0

解決策は、アプリケーションを停止し、> 'ionic serve'を使用して再試行する必要があります。ブラウザのキャッシュ破損の問題があるようです。アプリA-Zを起動してください。 – Sampath