所以我用Ionic 2搞砸了一些,我想知道如何禁用特定视图的后退按钮.
我在做什么是this.nav.push(SomePage);它的工作原理,但是NavController会为我自动放置一个后退按钮.如何禁用后退按钮？
注意：我知道我可以使用this.nav.setRoot(SomePage)将SomePage设置为root,没有后退按钮,但是并不能提供NavController自动执行的有用的动画.
选项1
原文链接：https://www.f2er.com/angularjs/142876.html通过将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.
注意
我想补充一点,当按下硬件返回按钮时,这些选项不会被考虑.硬件返回按钮仍然可能导致活动页面从导航堆栈弹出.
