javascript - 使用 ng Repeat 显示 JSON

Question

我有一个格式为 JSON 的数据

[

    {
        "_1": {
            "id": 4,            
            "cost": 45.0,
            "measure": 4,
            "NoOfUnits": 677,            
            "hours": null
        },
        "_2": {
            "id": 1,
            "name": "Truck",
            "description": "Test"        
        }
    },
    {
        "_1": {
            "id": 1,
             "cost": 1120.0,
            "measure": 1,
            "NoOfUnits": 500,
             "hours": null
        },
        "_2": {
            "id": 7,
            "name": "PC300",
            "description": null           
        }
    },
]

我无法显示存储在 $scope 变量中的数据

$scope.result

这是我的 ng 重复功能

<div ng-repeat="data in result">{{data.name}}{{data.description}}</div>

Answer 1

您的$scope.result包含2个对象，其中一个对象中您有一组对象属性，例如_1， _2 ，然后这些属性又是像

这样的对象

"_1": {
    "id": 4,            
    "cost": 45.0,
    "measure": 4,
    "NoOfUnits": 677,            
    "hours": null
}

，那么您就有了需要打印的属性。

<ul>
  <li ng-repeat="x in result">        // repeats objects
       <ul ng-repeat="obj in x">      // repeat object properties '_1',"_2" , these are again objects
           {{obj.name}}{{obj.description}}
       <ul>
  </li>
</ul>