角 – 离子2 – 禁用特定视图的后退按钮

发布时间：2020-12-17 07:42:50 所属栏目：安全来源：网络整理

导读：所以我用Ionic 2搞砸了一些,我想知道如何禁用特定视图的后退按钮. 我在做什么是this.nav.push(SomePage);它的工作原理,但是NavController会为我自动放置一个后退按钮.如何禁用后退按钮？注意：我知道我可以使用this.nav.setRoot(SomePage)将SomePage设置为r

所以我用Ionic 2搞砸了一些,我想知道如何禁用特定视图的后退按钮.

我在做什么是this.nav.push(SomePage);它的工作原理,但是NavController会为我自动放置一个后退按钮.如何禁用后退按钮？

注意：我知道我可以使用this.nav.setRoot(SomePage)将SomePage设置为root,没有后退按钮,但是并不能提供NavController自动执行的有用的动画.

选项1

通过将ionBackButton属性添加到ion-navbar组件,在视图中隐藏它

<ion-navbar hideBackButton="true">
    <ion-title>Sub Page</ion-title>
</ion-navbar>

选项2

通过使用ViewController类提供的.showBackButton(bool)方法从页面类中隐藏它

import { NavController,ViewController } from 'ionic-angular';

export class SubPage {

    constructor(public navCtrl: NavController,private viewCtrl: ViewController) { }

    ionViewWillEnter() {
        this.viewCtrl.showBackButton(false);
    }

}

来自Ionic docs的评论

Be sure to call this after ionViewWillEnter to make sure the DOM
has been rendered.

注意

我想补充一点,当按下硬件返回按钮时,这些选项不会被考虑.硬件返回按钮仍然可能导致活动页面从导航堆栈弹出.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!