翻译 angular-ui 的分页文本 angularjs

Question

我一直在使用 angularjs 和 angular-ui 制作一个网页。我使用 angular-ui 的分页。现在我需要在 $translate 分配给什么语言之后更改下一个和上一个按钮文本。我试着像这样内联

 <pagination previous-text="{{'PREVIOUS' | translate}}" </pagination>

我也尝试用我的控制器来做，但还是不行。

但我似乎无法引用翻译范围。任何做过类似事情的人

---更新---

我想我需要类似答案的东西here . 但问题是。我怎样才能像在上面的代码中那样引用这里的翻译。

就像你一样？

paginationConfig.previousText = 'PREVIOUS' | translate;

还是这样？

paginationConfig.previousText = 'PREVIOUS' | $translateProvider;

你们觉得这有什么意义吗？还是换个方式解释

Answer 1

您是否已将所有翻译添加到 $translationProvider？

app.config(function ($translateProvider) {
  $translateProvider.translations('en', {
    PREVIOUS: 'previous',
  });
  $translateProvider.translations('de', {
    PREVIOUS: 'vorherige',
  });
  $translateProvider.preferredLanguage('en');
});

抱歉，我不能发表评论...

Answer 2

我仍然不确定为什么我不能引用内联分页标签的翻译模块但是如果我将翻译模块注入到我的控制器中，我就可以查找值并将它们插入到范围变量中，然后从 html

引用它

如下图

Angular/Controller

$scope.previousText;
$scope.nextText;

$translate(['PREVIOUS', 'NEXT']).then(function (translations) {
    $scope.previousText = translations.PREVIOUS;
    $scope.nextText = translations.NEXT;
});

Html

<pagination previous-text="{{previousText}}" next-text="{{nextText}}"></pagination>

并且有效。不管怎样，我要让它搁置几天，如果在时限后没有人提出解释这个的理论，我会接受这个。感谢大家的宝贵时间和帮助

翻译 angular-ui 的分页文本 angularjs

translate angular-ui's pagination text angularjs

javascript

angularjs

pagination

angular-ui-bootstrap

angular-translate