翻译Angular-UI分页

Question

如何在Bootstrap UI分页指令中翻译文本？

我已经为法语翻译覆盖了这样的常量:

angular.module('myapp', ['ui.bootstrap'])
    .constant('paginationConfig', {
        itemsPerPage: 10,
        boundaryLinks: false,
        directionLinks: true,
        firstText: 'Premier',
        previousText: 'Précédent',
        nextText: 'Suivant',
        lastText: 'Dernier',
        rotate: true
    })

但重写常数似乎是一个坏主意......

这样做的正确方法是什么(如果有的话)？

Answer 1

您可以在run方法中修改它的属性,而不是覆盖整个常量对象

var app=angular.module('myapp', ['ui.bootstrap']);

app.run(function(paginationConfig){
   paginationConfig.firstText='MY FIRST';
   paginationConfig.previousText='YOUR TEXT';

})

DEMO

在新版本中ui.bootstrap你应该使用

uibPaginationConfig

绝对的

paginationConfig

Answer 2

设置可以作为属性提供,也可以<uib-pagination>通过uibPaginationConfig进行全局配置.

例如:

angular.module('app',['ui.bootstrap']).config(['uibPaginationConfig',
                                           function(uibPaginationConfig){
uibPaginationConfig.previousText="‹";
uibPaginationConfig.nextText="›";
uibPaginationConfig.firstText="«";
uibPaginationConfig.lastText="»";}]);