离子后退按钮翻译

时间:2016-08-19 12:32:46

标签: angularjs ionic-framework internationalization back-button angular-translate

我可以在我的Ionic项目中自定义后退按钮文本,如下所示:

.config(
    function ($ionicConfigProvider) {
        $ionicConfigProvider.backButton.text("Back");
    }
})

现在我正在尝试翻译它。我在我的项目中使用angular-translate:

$ionicConfigProvider.backButton.text($filter('translate')('BACK'));

但是在配置阶段,翻译过滤器似乎不可用。有没有办法克服这个问题或任何更好的翻译后退文本的方法?

更新:请注意,这不是关于如何在配置阶段使用翻译过滤器,而是如何正确翻译后退按钮。

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以更改后退按钮的文本投掷HTML:

<ion-nav-back-button class="button-clear">
  <i class="icon ion-ios7-arrow-back"></i> 
   Back
</ion-nav-back-button>

使用Angular-translate:

<ion-nav-back-button class="button-clear">
  <i class="icon ion-ios7-arrow-back"></i> 
  {{'BACK' | translate}}
</ion-nav-back-button>