Angular.js - 带有 Angular 的嵌套 JSON 范围

Question

{
  "imports": {
    "imported": [
      {
        "date": "19/9/2014",
        "item": [
          {
            "sn": "3366698",
            "type": "Food",
            "weight": "10tn."
          },
          {
            "sn": "3366699",
            "type": "Eqipment",
            "weight": "20kg."
          }
        ]
      },
      {
        "date": "20/9/2014",
        "item": [
          {
            "sn": "3366700",
            "type": "Electronics",
            "weight": "100pt."
          },
          {
            "sn": "3366701",
            "type": "Food",
            "weight": "5tn."
          }
        ]
      }
    ]
  }
}

我有这个 json，但我不确定它的结构是否正确。我正在尝试通过以下 $.getJSON 方法将每个项目类型（包括重复项）呈现为表头：

$scope.items = data.imports.item;

和 HTML 为：

<table border="1" >
<thead>
<tr>
<th ng-repeat="item in items">{{item.type}}</th>
</tr>
</thead>
</table>

但我没能成功。我做错了什么？

编辑：jsfiddler

Answer 1

我看你根本没有使用导入的属性，试试

$scope.items = data.imports.imported;

因为导入的是您的数组而不是项目。

<table border="1" >
<thead>
<tr>
<th ng-repeat="item in items">{{item.type}}</th>
</tr>
</thead>
</table>

Answer 2

你的 json 坏了，把你的 json 贴在这里： http://jsonformatter.curiousconcept.com/

您会看到 data.imports.item 是未定义的。

要访问的正确 JSON 如下所示：

{
  "imports": {

        "item": [
          {
            "sn": "3366698",
            "type": "Food",
            "weight": "10tn."
          },
          {
            "sn": "3366699",
            "type": "Eqipment",
            "weight": "20kg."
          }
        ]
      }
}

还可以在以下时间访问您的数据：

<th ng-repeat="item in items">
{{item["type"]}}
</th>