title: Loop through objects containing arrays in AngularJS
body: <p>I have a JSON structure where I want to loop through the data within an array, but I can't seem to get it working with <code>ng-repeat</code> in AngularJS.</p>
  
  <p>This is the JSON structure</p>
  
  <pre><code>{
      "header": ["header1", "header2"],
      "content": {
          "Data1": ["data1", "data2"],
          "Data2": ["data1", "data2"]
      }
  }
  </code></pre>
  
  <p>In my html I do this:</p>
  
  <pre><code>&lt;div ng-repeat="item in header"&gt;
    &lt;li&gt;{{item}}&lt;/li&gt;
    &lt;div ng-repeat="(key, value) in content"&gt;
      &lt;li&gt;{{key}}&lt;/li&gt;
      &lt;li&gt;{{value}}&lt;/li&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The header data is retrieved fine but I can't loop through the arrays in the Data1 and Data2 objects</p>