翻译 angular-ui 的分页文本 angularjs答案

【问题标题】：translate angular-ui's pagination text angularjs翻译 angular-ui 的分页文本 angularjs
【发布时间】：2015-05-26 13:04:05
【问题描述】：

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

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

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

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

--- 更新---

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

有点像thie？

paginationConfig.previousText = 'PREVIOUS' | translate;

还是这样？

paginationConfig.previousText = 'PREVIOUS' | $translateProvider;

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

【问题讨论】：

|| 是错字吗？您使用 1 | 调用过滤器。
是的。对此感到抱歉。很着急
你能在 plunker 或 fiddle 中重现这个 bug 吗？
@Okazari 这样做需要一点时间，而且我现在正在工作，所以我现在不能这样做。但是如果在我回家之前问题没有得到解答，我会尝试重现错误

标签： javascript angularjs pagination angular-ui-bootstrap angular-translate

【解决方案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>

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

【讨论】：

【解决方案2】：

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

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

对不起，我不能评论...

【讨论】：

是的，我有。但到目前为止我能理解的是，来自 angular-ui 的分页不能像上面的代码示例中所示那样翻译前一个文本和下一个文本内联。