Цикл по объектам, содержащим массивы в AngularJS

Question

У меня есть структура JSON, в которой я хочу просмотреть данные в массиве, но я не могу заставить ее работать с ng-repeat в AngularJS.

Это структура 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>