javascript - 翻译 Angular-UI 的分页文本 AngularJS

Question

我正在开发一个使用 AngularJS 和 Angular-UI 的网页。我使用 Angular-ui 的分页。 现在我需要在 $translate 分配到哪种语言后更改下一个和上一个按钮文本。 我尝试像这样内联进行

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

我也尝试从我的 Controller 上执行此操作，但仍然没有运气。

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

--- 更新 ---

我认为我需要类似答案 here 的东西 。 但问题是。我如何像在上面的代码中那样引用这里的翻译。

是这样的吗？

paginationConfig.previousText = 'PREVIOUS' | translate;

或者像这样？

paginationConfig.previousText = 'PREVIOUS' | $translateProvider;

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

Answer 1

我仍然不确定为什么我不能引用内联分页标签的翻译模块 但是如果我将翻译模块注入(inject)到我的 Controller 中，我就可以查找这些值并将它们插入到作用域变量中，然后从 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>

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