angularjs - 翻译Angular-UI分页

如何在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
    })

但是，覆盖常量似乎不是一个好主意。

什么是正确的方法（如果有）？

最佳答案

您可以在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