Блог

Я пытаюсь выяснить, возможно ли изменить язык для динамического контента, используя i18n и связанные библиотеки, такие как (ngx-translate), для которых я делаю POC.

Я могу перевести статический контент, но я не могу понять, как сделать то же самое для динамического контента, например, контента в цикле ngfor или данных, поступающих с сервера.

Есть ли какой-либо способ выполнить преобразование для содержимого, поступающего из серверной части / базы данных?

или любые другие советы / предложения были бы действительно оценены.

Подойдет любой контент, соответствующий ключу в ваших файлах перевода. Итак, если ваш серверный сервер предоставляет вам такие ключи, вы можете просто использовать translate:

 <div *ngFor="let key of keys">
  <p translate>{{key}}</p>
</div>  

Или что-то в этом роде. Если это то, что вы имели в виду?

Это довольно просто, при условии, что вы знаете значения, которые может предоставить ваш сервер:

 // backend data returns known possible values:
const values = ['red', 'blue', 'green']

// de.json
color: {
  "red": "Rot",
  "blue": "Blau",
  "green": "Grün"
}

// app.component.html

<div *ngFor="let value of values">
{{ ('color.'   value) | translate }}
</div>