如何更改离子框架中的后退按钮标题？答案

【问题标题】：How can I change the back button title in ionic framework?如何更改离子框架中的后退按钮标题？
【发布时间】：2015-11-12 07:48:03
【问题描述】：

在 Ionic Framework 中，我在所有视图中都使用了这种 HTML 结构：

 <ion-view view-title="Some title">
    <ion-nav-buttons>
    </ion-nav-buttons>
 <ion-content>

然后我得到一个自动生成的“

我可以在哪里以及如何更改后退按钮标题的行为方式？

【问题讨论】：

标签： ionic-framework ionic

【解决方案1】：

你应该使用$ionicConfigProvider:

var myApp = angular.module('reallyCoolApp', ['ionic']);

myApp.config(function($ionicConfigProvider) {
  $ionicConfigProvider.views.maxCache(5);

  // note that you can also chain configs
  $ionicConfigProvider.backButton.text('Go Back');
});

此示例来自官方 Ionic 文档。

要控制“后退按钮上的最后查看文本”的行为，您可以将 backButton.previousTitleText(value) 设置为 false。

【讨论】：

感谢这很好用。后续问题：由于我使用服务 ($transate) 将“返回”翻译为当前语言，因此我的应用程序崩溃，因为不允许将服务注入 app.config 块。任何想法如何解决这个问题？
很高兴听到！我认为您应该也可以在 $translate 控制器中调用 backButton.text ...

【解决方案2】：

在Ionic Framework 2 中，您现在可以使用将config property backButtonText 设置为''

@NgModule({
  declarations: [ MyApp ],
  imports: [
    IonicModule.forRoot(MyApp, {
      backButtonText: '',
    }, {}
  )],
  bootstrap: [IonicApp],
  entryComponents: [ MyApp ],
  providers: []
})

【讨论】：