如何在配置阶段使用angular-gettext？

Question

我正在使用angular-gettext ， angular-breadcrumb和angular-ui-router 。

我有我的应用程序配置类似于：

app.config(function($stateProvider) {

  $stateProvider.state('welcome', {
     url : '/',
     templateUrl: 'index.html',
     ncyBreadcrumb : {
        label : 'Home'
     }
  });

});

我希望能够通过angular-gettext翻译面包屑（ 'Home' ）的标签。 为此，我需要在app.config()函数中包含gettext工具。 这样的东西是理想的，但是在配置阶段gettextCatalog不可用：

app.config(function($stateProvider, gettextCatalog) {

  $stateProvider.state('welcome', {
     url : '/',
     templateUrl: 'index.html',
     ncyBreadcrumb : {
        label : gettextCatalog.getString('Home')
     }
  });

});

有没有其他方法可以实现这些插件，特别是使用angular-gettext ？

Answer 1

根据angular-breadcrumb文档：

属性ncyBreadcrumbLabel可以包含根据当前状态控制器的范围计算的绑定。

我没有测试过这个，但我认为你可以在你的控制器中使用gettextCatalog模块：

$stateProvider.state('home', {
  url: '/',
  templateUrl: 'index.html',
  controller: function($scope, gettextCatalog) {
    $scope.label = gettextCatalog.getString('Home');
  },
  ncyBreadcrumb: {
    label: '{{label}}'
  }
})