Я новичок в мире пользовательского интерфейса и в настоящее время работаю над локализацией. Мне удалось перевести тексты, которые находятся в HTML-файлах, но возникла ситуация, когда Controller возвращает список значений, который отображается в представлениях, проходящих по нему. Я застрял, как я продолжаю решать это:
Пример кода:
часть view.html:
<div ng-repeat="section in vm.sections" class="apiconfig-container">
<div class="apiconfig-list-wrapper m-b-30">
<div class="page-title-wrapper">
<h3>{{section.title}}</h3>
</div>
<table class="table table-list">
<tr ng-repeat="link in section.links">
<td><a href="{{link.href}}">{{link.name}}</a></td>
<td></td>
</tr>
</table>
</div>
</div>
Часть контроллера:
this.sections.push(this.getLinks());
getLinks() {
const baseUrl = `${this.baseUrl}/config/#`;
let array = [];
if (!this.someCheck("some_condition")) {
array.push({
name: "test1",
href: `${baseUrl}/test1`
});
array.push({
name: "test2",
href: `${baseUrl}/test2`
});
}
return { title: "Configurations", links: array };
}
Это просто пример неполного кода. В основном, Controller возвращает name: "test1" name: "test2" , которое я хочу использовать как переменную, которая должна выбираться из файла локали, как мне этого добиться. Или есть какой-то другой лучший подход?