离子导航控制器弹出流答案

【问题标题】：Ionic nav controller pop flow离子导航控制器弹出流
【发布时间】：2021-02-23 15:22:48
【问题描述】：

我怀疑如何做到这一点。

// Page 0.1
this.navController.pop(); 

// Page 0
ionViewWillEnter() {
  console.log("Im here");
}

我有一个页面，单击按钮可以返回第 0 页。但每次返回时，它都不会进入 ionViewWillEnter() 内部。我需要输入以评估要在屏幕上打印的数据的一些新变化。有什么想法吗？

环境：

Ionic CLI                     : 6.12.2
Ionic Framework               : @ionic/angular 5.5.1
@angular-devkit/build-angular : 0.1000.8
@angular-devkit/schematics    : 10.0.8
@angular/cli                  : 10.0.8
@ionic/angular-toolkit        : 2.3.3

【问题讨论】：

标签： ionic-framework ionic5 navigationcontroller

【解决方案1】：

肯定有其他事情发生，因为它应该总是在即将进入页面时执行ionViewWillEnter。

请查看this Stackblitz demo

首页代码：

import { Component } from "@angular/core";
import { NavController, ViewWillEnter } from "@ionic/angular";

@Component({
  selector: "app-home",
  templateUrl: "./home.page.html",
  styleUrls: ["./home.page.scss"]
})
export class HomePage implements ViewWillEnter {
  constructor(private navController: NavController) {}

  ionViewWillEnter() {
    console.log("Will enter!");
  }

  public openDetailsPage(): void {
    this.navController.navigateForward("/details");
  }
}

还有详情页：

import { Component } from "@angular/core";
import { NavController } from "@ionic/angular";

@Component({
  selector: "app-details",
  templateUrl: "./details.page.html",
  styleUrls: ["./details.page.scss"]
})
export class DetailsPage {
  constructor(private navController: NavController) {}

  public goBack(): void {
    this.navController.pop();
  }
}

【讨论】：