使用 ng-repeat 迭代 hasmap。以数组为值的哈希图

Question

我如何使用 ng-repeat 在 UI 上使用 angularJS 迭代来自服务器的 JSON 响应？

$scope.data = {
  "Home Needs": [{
    "id": 11,
    "itemName": "PARLE G 500 Grams",
    "itemPrice": 50,
    "minSellPrice": 45,
    "discount": 0,
    "store": "Home Needs"
  }],
  "SRI SAI Store": [{
    "id": 1,
    "itemName": "PARLE G 500 Grams",
    "itemPrice": 50,
    "minSellPrice": 45,
    "discount": 0,
    "store": "SRI SAI Store"
  }],
  "Ashirwad": [{
    "id": 10,
    "itemName": "PARLE G 500 Grams",
    "itemPrice": 50,
    "minSellPrice": 46,
    "discount": 0,
    "store": "Ashirwad"
  }]
}

任何人都可以帮助我使用 jsfiddle 或指针吗？

谢谢

Answer 1

请检查Jsfiddle

<div ng-app>
     <div ng-controller="ClickToEditCtrl">
          <p>Your Data:</p>
         <ul ng-repeat="(key, value) in data">
          name: {{key}}
        <li ng-repeat="v in value">
            {{v.id}},
            {{v.itemName}},
            {{v.itemPrice}},
            {{v.minSellPrice}},
            {{v.discount}},
            {{v.store}}
        </li>
    </ul>
    </div>
</div>

您可以根据需要进行修改。我希望这可能会有所帮助。