如何使用angularjs从json项目中的数组获取数据

debugcn 发表于 Dev

布鲁诺·诺瓦斯（Bruno Novais）

我有一个小问题。我的商品有属性，每个属性的使用都像键和值一样。

我需要在页面中放置属性键说明中的值。但是我不知道该怎么做。

这是我的json数据

[
{
    "id": 2323,
    "name": "small ring",
    "attributes": [
        {
            "key": "weight",
            "value": "90"
        },
        {
            "key": "description",
            "value": "A little ring"
        }
    ]
},
{
    "id": 2324,
    "name": "big ring",
    "attributes": [
        {
            "key": "weight",
            "value": "90"
        },
        {
            "key": "description",
            "value": "A Big ring"
        }
    ]
}]

这是我的HTML正文。

<div class="list-group ">
    <a href="#" ng-repeat="item in items " class="list-group-item clearfix">
    <span  style="padding-left:5px;padding-right:5px;" class="pull-left">
        {{item.name}}
        <p><small>{{item.attribute}} </small></p><!-- Here -->
    </span>
    </a>
</div>

安迪·弗莱明（Andy Fleming）

快速解决方案：

<div class="list-group ">
    <a href="#" ng-repeat="item in items " class="list-group-item clearfix">
    <span  style="padding-left:5px;padding-right:5px;" class="pull-left">
        {{item.name}}
        <p><small>
            <span ng-repeat="attr in item.attributes" ng-if="attr.key == 'description'">{{ attr.value }}</span>
        </small></p>
    </span>
    </a>
</div>

这应该工作。它循环遍历属性，但仅当其键等于时才应显示该属性description。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。