翻译angular-ui的分页文本angularjs

Question

我一直在一个网页上使用angularjs和angular-ui。 我使用angular-ui的分页。 现在，我需要在将$ translate分配给哪种语言后，更改下一个和上一个按钮的文本。 我试图这样的内联

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

我也尝试从我的控制器执行此操作，但是仍然没有运气。

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

-更新-

想我需要这里的答案。 但随后的问题是。 我如何像上面的代码中那样引用此处的翻译。

就像小偷吗？

paginationConfig.previousText = 'PREVIOUS' | translate;

还是这样？

paginationConfig.previousText = 'PREVIOUS' | $translateProvider;

这对你们有好处吗？ 还是我必须用其他方式解释

Answer 1

我仍然不确定为什么我不能引用内联分页标签的翻译模块，但是如果我将翻译模块注入到控制器中，则可以查找值并将其插入到作用域变量中，然后参考它来自HTML

如下图所示

角度/控制器

$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>

而且有效。 无论如何，我要让它挂两天，如果没有人提出在时限之后解释这一点的理论，我会接受的。 谢谢大家的时间和帮助

Answer 2

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

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

抱歉，我不允许发表评论...