删除后退按钮Ionic2

时间:2016-12-16 10:17:49

标签: ionic2

我正在尝试从我的网页导航栏中删除后退按钮。有没有办法这样做

enter image description here

由于

6 个答案:

答案 0 :(得分:5)

这是在Ionic

中删除后退按钮的最简单方法
<ion-navbar hideBackButton *navbar>< /ion-navbar>

答案 1 :(得分:3)

删除app.module.ts文件中gem 'country_state_select'上的后退按钮

这样做

this.navCtrl.push

查看此链接http://ionicframework.com/docs/v2/api/config/Config/

另一种方法是使用import { IonicApp, IonicModule } from 'ionic-angular'; @NgModule({ declarations: [ MyApp ], imports: [ IonicModule.forRoot(MyApp, { backButtonText:'', backButtonIcon:'' }, {} )], bootstrap: [IonicApp], entryComponents: [ MyApp ], providers: [] })

答案 2 :(得分:3)

 <ion-navbar hideBackButton="true">

在离子导航栏中包含此内容..后退按钮将被排除在当前视图之外

答案 3 :(得分:1)

一种方法是使用 ion-toolbar

<ion-toolbar>
    <ion-title>Header</ion-title>
  </ion-toolbar>

而不是导航栏。 注意:用户仍然可以通过手机后退按钮返回。

答案 4 :(得分:1)

使用离子工具栏代替离子导航栏。

<ion-header>
  <ion-toolbar>
    <ion-buttons left>
      <button ion-button left menuToggle="MyMenu">
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>My Awosome App</ion-title>
  </ion-toolbar>
</ion-header>

答案 5 :(得分:0)

最好去$ionicNavBarDelegate 这将有助于配置您的后退按钮。 http://ionicframework.com/docs/api/service/ $ ionicNavBarDelegate /