Question

如何使用AngularJS正确显示键值对？

这是我的HTML：

<ul class="item-property-list">
    <li ng-repeat="(key, value) in item.item_properties">
    {{key.key}} <strong>&nbsp;{{value.value}}</strong>
    </li>
</ul>

这是JSON数据：

"item_properties":
          [
                        {
               "key": "Size",
               "value": "S"
            },
                        {
               "key": "Color",
               "value": "Red"
            }
         ]

这是输出：

S Red

我想：

Size: S
Color: Red

Answer 1

直接访问它：

 <li ng-repeat="element in item.item_properties">
    {{element.key}} <strong>&nbsp;{{element.value}}</strong>
    </li>

Answer 2

(key, value)用于对具有键和值的对象进行迭代。 item_properties是一个数组，所以正常重复。然后取出重复的对象并访问它上面的“key”属性。请注意，您的“密钥”属性不是KVP意义上的关键。在{color:'red'} color中是一个真正的关键。

<ul class="item-property-list">
    <li ng-repeat="item_property in item.item_properties">
    {{item_property.key}} <strong>&nbsp;{{item_property.value}}</strong>
    </li>
</ul>

如何使用AngularJS正确显示键值对

2 个答案: