代码之家 › 专栏 › 技术社区 › Tavish Aggarwal

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

ionic4 ionic-framework

0

Tavish Aggarwal · 技术社区 · 5 年前

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

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

我有一个要求,当单击背面时,我需要重新呈现上一个组件。

我尝试过生命周期挂钩,如ngoninit()、ngafterviewInit()等,但在调用back按钮时,它们都不会被调用。

请告诉我处理这个要求的可能方法。

2 回复 | 直到 5 年前

1

2

Varun Sukheja 5 年前

你可以试试 ionViewWillEnter 用离子钩代替角生命周期钩 ngOnInit()

ionViewWillEnter(){
   // your code to initialize
}

以下是离子的其他生命周期挂钩

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

2

-1

Prachi Shah 5 年前

你可以在“后退”按钮上调用函数。

// .ts file

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