用角度5

Question

我有一个用于英语的json转换文件，一个用于德语的

它们看起来像这样

en.json

"COLORS": {
        "BLUE": "Blue",
        "RED": "Red",
        "GREEN": "Green"
}

与德国人相同。

我有一个person对象，它有一个数组颜色[]。一个人可能有蓝色和红色。然后看起来像这样：

person.colors[0] = "BLUE";
person.colors[1] = "RED";

如您所见，我将转换键保存在数组中，而不是值中。

现在我要遍历该人的颜色，例如：

<div *ngFor="let color of person.colors">
    <p>{{'COLORS.color' | translate}}</p>
</div>

但是我没有输出。可能是什么问题？

我已经看过这篇文章angular-translate: Translate dynamic value，但对我没有帮助。

Answer 1

尝试这种方式

<div *ngFor="let color of person.colors">
    <p>{{'COLORS.'+color | translate}}</p>
</div>