Angular i18n 动态文本

Question

我试图弄清楚是否可以使用 i18n 和相关库（例如（ngx-translate））更改动态内容的语言，我正在为其做 POC。

我能够翻译静态内容，但我无法弄清楚如何对动态内容执行相同的操作，例如 ngfor 循环中的内容或来自服务器的数据。

有没有办法对来自后端/数据库的内容进行转换？

或任何其他建议/建议将不胜感激。

Answer 1

这相当简单，只要您知道后端可能提供的值：

// 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>
    

Answer 2

任何与翻译文件中的键匹配的内容都可以。 所以如果你的后端给你这样的键，你可以使用翻译：

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

或类似的东西。 如果这就是你的意思？