【转】ionic2 返回按钮

首先可以在 app.module.ts 文件中配置。

@NgModule 中的 imports 属性的 IonicModule.forRoot 第二个参数，如下：

IonicModule.forRoot(MyApp, {

  backButtonText: '', // 配置返回按钮的文字

  backButtonIcon: 'arrow-dropleft-circle' // 配置返回按钮的图标

})

也可以在 ion-toolbar 中配置自定义图标，并添加 navPop 属性即可，如下：

<ion-header>

  <ion-toolbar>

    <button ion-button clear small navPop style="padding: 0;">

      <img class="back-btn" src="assets/image/back.png" />

    </button>

    <ion-title class="my-title">我是标题</ion-title>

  </ion-toolbar>

</ion-header>

如果要禁用某个特定的页面的返回按钮，只需要给 ion-navbar 添加 hideBackButton="true" 属性即可，如下：

<ion-navbar hideBackButton="true">

    <ion-title>Sub Page</ion-title>

</ion-navbar>

或者通过控制 ViewController 来实现：this.viewCtrl.showBackButton(false);