当我们返回上一页时，如何防止重新加载页面？

Question

现在我正在使用Ionic3，Angular4安卓应用。每当我回到上一页时，它都会在android应用程序中重新加载页面。怎么能阻止这个。该页面仍然已加载。所以我不想一次又一次地重装

Answer 1

在离子框架中使用Push和Pop，它可以作为一个简单的堆栈，将新页面推入并弹出，对应于历史中的前进和后退。

Refer Ionic documentation too

@Component({
  template: `
  <ion-header>
    <ion-navbar>
      <ion-title>Login</ion-title>
    </ion-navbar>
  </ion-header>

  <ion-content>
    <button (click)="goToOtherPage()">
      Go to OtherPage
    </button>
  </ion-content>`
})
export class StartPage {
  constructor(public navCtrl: NavController) {}

  goToOtherPage() {
    //push another page onto the history stack
    //causing the nav controller to animate the new page in
    this.navCtrl.push(OtherPage);
  }
}

@Component({
  template: `
  <ion-header>
    <ion-navbar>
      <ion-title>Other Page</ion-title>
    </ion-navbar>
  </ion-header>

  <ion-content>I'm the other page!</ion-content>`
})
class OtherPage {}

Answer 2

使用this.navCtrl.push(Page);代替this.navCtrl.setRoot(Page);并记住要做

ionViewWillEnter() {
  this.viewCtrl.showBackButton(true)
}

goBackToPreviousPage() {
  this.navCtrl.pop();
}