离子导航控制器弹出流

Question

我对如何制作这个有疑问。

// 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

Answer 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();
  }
}

离子导航控制器弹出流

Ionic nav controller pop flow

ionic-framework

ionic5

navigationcontroller