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

Question

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

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

我有一个需求，需要在点击后退时重新渲染之前的组件。

我尝试过生命周期挂钩，例如 ngOnInit()、ngAfterViewInit() 等，但是 none 在调用后退按钮时会调用它们。

请让我知道处理此要求的可能方法。

Answer 1

您可以尝试 ionViewWillEnter Ionic 的钩子而不是使用 angular 生命周期钩子 ngOnInit()

ionViewWillEnter(){
   // your code to initialize
}

这是 Ionic 的其他生命周期钩子

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

Answer 2

您可以像这样调用返回按钮点击函数，

// .ts file

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

Ionic 4: Initialize component when back button is called