升级至Ionic 5后，如何替代NavController.length()获取视图页面栈长度

当然可以，Ionic 5迁移到Angular Router生态后，你可以通过两种方式获取页面栈的页面数量：

方法1：使用Ionic官方推荐的IonRouterOutlet #

Ionic 5用IonRouterOutlet替代了旧版的NavController来管理页面栈，它直接提供了获取栈长度的属性：

import { Component } from '@angular/core';
import { IonRouterOutlet } from '@ionic/angular';

@Component({
  selector: 'app-example',
  templateUrl: './example.page.html',
})
export class ExamplePage {
  constructor(private routerOutlet: IonRouterOutlet) {}

  getPageStackLength() {
    // 返回当前页面栈的页面数量
    return this.routerOutlet.stack.length;
  }
}

方法2：使用Angular原生Router服务 #

如果想依赖纯Angular API实现，可以遍历路由快照层级来统计：

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-example',
  templateUrl: './example.page.html',
})
export class ExamplePage {
  constructor(private router: Router) {}

  getPageStackLength() {
    let count = 0;
    let currentRoute = this.router.routerState.root;
    
    // 遍历所有激活的子路由
    while (currentRoute.firstChild) {
      currentRoute = currentRoute.firstChild;
      count++;
    }
    
    // 加上根路由本身，得到完整栈长度
    return count + 1;
  }
}

注意：第一种方法更贴合Ionic的页面栈逻辑，是官方推荐的方案；第二种是通用Angular实现，适合不需要依赖Ionic特定API的场景。

内容的提问来源于stack exchange，提问作者nix1016