I am currently utilizing angular-translate within my project. Within my views, there are several strings that I would like to translate, such as
<ul>
<li ng-repeat ="title.value as title in vm.states">
</ul>
The array vm.states contains all of my project's states (except for abstract ones). Some of the states are:
'user.details'
(not an abstract state)
and
'user.details.edit'
I want to translate these strings using an object in my translation file
user: {
details: {
edit: "Edit User"
},
...
}
Instead of using dots, I would prefer to display some text, which will serve as the translation for the 'user.details' key. However, JSON does not allow two properties with the same name. Is it feasible to translate these texts using angular-translate while preserving the names of the states?