【问题标题】:How can I make ion-back-button skip previous page?如何让 ion-back-button 跳过上一页?
【发布时间】:2019-06-08 19:19:31
【问题描述】:

我的 Ionic4 应用程序中有三个页面(A、B 和 C)。页面 C 有一个 ion-back-button。

我正在尝试实现以下导航流程(使用 Angular 路由器和 ion-back-button):

A -> B -> C,然后从 C 导航回 A。

当我在 C 处按下 ion-back-button 时,应用程序导航回 B,因为它是上一页。

¿当我按下离子返回按钮时,如何从 C 导航回 A?

【问题讨论】:

    标签: ionic4


    【解决方案1】:

    你可以使用事件来做到这一点

    https://ionicframework.com/docs/api/util/Events/

    在C页使用方法willLeavehttps://ionicframework.com/docs/api/navigation/ViewController/#willLeave

    willLeave里面触发一个事件例子:“user left C”

    然后在页面 B 中监听事件“用户离开 C”,然后使用

      this.navCtrl.pop();
    

    您将返回页面 A

    【讨论】:

    • 尝试后,当我按下 C 处的 ion-back-button 时,它导航回 B 然后再次导航到 C (C->B->C)
    • navCtrl.pop() 应该给你发回ionicframework.com/docs/api/navigation/NavController 你能给我看快照吗?
    • 我在页面 B 构造函数中写了这个this.events.subscribe('chat:closed', () => this.navCtrl.goBack());,在 C ionViewWillLeave 中写了这个this.events.publish('chat:closed');。 (好像Ionic4中不存在pop()方法)
    • 你试过 .pop() 方法了吗?
    • 它在 Ionic4 中似乎不再可用。我收到此错误:“_this.navCtrl.pop 不是函数”
    猜你喜欢
    • 1970-01-01
    • 2016-07-09
    • 1970-01-01
    • 2020-09-30
    • 1970-01-01
    • 2019-07-20
    • 1970-01-01
    • 2015-10-04
    • 1970-01-01
    相关资源
    最近更新 更多