각도 정보를 사용하여 json 항목의 배열에서 데이터를 가져 오는 방법

Question

작은 문제가 있습니다. 내 항목에는 속성이 있고 각 속성은 키와 값처럼 사용됩니다.

내 페이지에는 속성 키 desctiption의 값을 넣어야합니다.하지만 어떻게하는지는 잘 모릅니다.

여기 내 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> 

Answer 1

빠른 해결책은 :

<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 인 경우 속성 만 표시해야합니다.