如何在离子框架中更改后退按钮标题?

时间:2015-08-19 06:44:24

标签: ionic-framework ionic

在Ionic Framework中,我在所有视图中使用此HTML结构:

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

然后我得到一个&#34;&lt;回到&#34;按钮自动生成。但是,有时候这个按钮有&#34; Back&#34;有时候它有前一个视图的名称。

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

2 个答案:

答案 0 :(得分:14)

您应该使用$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文档。

控制&#34;后退按钮上的最后一个视图文本的行为&#34;您可以将backButton.previousTitleText(value)设置为false。

答案 1 :(得分:3)

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

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