离子4：调用后退按钮时初始化组件

Question

我一直在使用以下代码返回上一页：

<ion-toolbar color="primary">
  <ion-buttons slot="start">
    <ion-back-button></ion-back-button>
  </ion-buttons>
</ion-toolbar>

我有一个要求，当单击背面时，我需要重新渲染以前的组件。

我尝试过ngOnInit（），ngAfterViewInit（）等生命周期挂钩，但是在调用后退按钮时却没有一个被调用。

请让我知道一种解决此要求的可能方法。

Answer 1

您可以尝试使用Ionic的ionViewWillEnter钩子，而不要使用角度生命周期钩子ngOnInit()

ionViewWillEnter(){
   // your code to initialize
}

还有其他离子生命周期钩子

constructor --> ionViewDidLoad --> ionViewWillEnter --> ionViewDidEnter --> ionViewWillLeave --> ionViewDidLeave --> ionViewWillUnload.

Answer 2

您可以像这样在单击后退按钮时调用功能

// .ts file

gotoPreviousPage() {
    this.navCtrl.push('PreviousPage');
  }