For my project, I utilize angular-translate
. One of the key definitions looks like this:
{
"paging":{
"first":"First",
"last":"Last",
"next":"Next2",
"pre":"Previous"
}
}
I implement it in the following way:
<uib-pagination first-text="{{'paging.first' | translate}}"
last-text="{{'paging.last' | translate}}"
next-text="{{'paging.next' | translate}}"
previous-text="{{'paging.pre' | translate}}">
</uib-pagination>
In addition, I include
$translatePartialLoader.addPart('module');
at the beginning of the controller. However, when I run the app in the browser, it displays incorrectly like shown here:
https://i.sstatic.net/cFiMo.png