遍历 objects 包含 AngularJS 中的数组

Question

我有一个 JSON 结构，我想在其中循环访问数组中的数据，但我似乎无法在 AngularJS 中使用 ng-repeat。

这是JSON结构

{
    "header": ["header1", "header2"],
    "content": {
        "Data1": ["data1", "data2"],
        "Data2": ["data1", "data2"]
    }
}

在我的 html 中，我这样做：

<div ng-repeat="item in header">
  <li>{{item}}</li>
  <div ng-repeat="(key, value) in content">
    <li>{{key}}</li>
    <li>{{value}}</li>
  </div>
</div>

header 数据检索正常，但我无法遍历 Data1 和 Data2 中的数组 objects

Answer 1

试试这个

<div ng-repeat="item in header track by $index">
  <li>{{item}}</li>
  <div ng-repeat="(key, value) in content track by $index">
    <li>{{key}}</li>
    <li ng-repeat="val in value track by $index">{{val}}</li>
  </div>
</div>

遍历 objects 包含 AngularJS 中的数组

Loop through objects containing arrays in AngularJS

json

angularjs

angularjs-ng-repeat