title: Table from 2D array in AngularJS
body: <p>I'm stuck on something that I was expecting with AngularJS to work out of the box without any issues, and yet strangely enough...</p>
  
  <p>I'm using a JSON service that returns data as a 2D array:</p>
  
  <pre><code>$scope.data= [
      ["val-11", "val-12", "val-13"],
      ["val-21", "val-22", "val-23"]
      ];
  </code></pre>
  
  <p>From this I'm trying to generate a table like this:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr ng-repeat="row in data"&gt;
  &lt;td ng-repeat="col in row"&gt;{{col}}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I don't understand why AngularJS doesn't handle such a basic scenario. I can get correct $index for the parent loop, if I need it, I can iterate through the values, but only with one loop like this "col in data[0]", but I cannot get any result trying to use the nested loop as shown above.</p>
  
  <p>Am I doing something wrong? It just seems to be too basic not to work right away. Please somebody help me with this bizarre issue.</p>