动态显示值到div

Question

我有一个像下面这样的JSON。

{
"PT": {
    "value": "Week 9 Cleaning and Rotation"
},
"PREV_STATUS": {
    "value": "ordered"
}

其中PT和PREV_STATUS等是字段的ID，值是其值。 字段列表和值可能会有动态变化。

我想在html中显示，因此字段PT可以显示来自JSON字符串的值。

我的HTML是

<div style="font-size: 14px;">{{Object.editedValue.PT.value}}</div>

此行显示PT数组的值，即Week 9 Cleaning and Rotation

有没有办法让字段名称为dyanamic？

类似

 <div style="font-size: 14px;">{{Object.editedValue.{{field_NAME}}.value}}</div>

因为字段名是动态生成的。

Answer 1

就像在JavaScript中一样：

{{ Object.editedValue[field_NAME].value }}

Answer 2

您可以使用ng-repeat遍历可用的密钥，我认为您正在寻找类似How can I iterate over the keys, value in ng-repeat in angular的内容。

你基本上可以做类似的事情，

<div ng-repeat="(key, val) in Object.editedValue">
<div style="font-size: 14px;">{{val.value}}</div>
...
</div>