在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>

标题数据检索正常，但我无法遍历 Data1 和 Data2 对象中的数组

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>