【问题标题】: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: []
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-05-09
      • 1970-01-01
      • 1970-01-01
      • 2011-12-24
      • 2015-10-26
      • 2014-06-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多