title: How to add 2D array values to ng-repeat
body: <p>I have a 2d array which has data something like this,</p>
  
  <pre><code>categoryinfo[0][0] = {"name": "apple", "category": { "name": "fruits","id": "09a8597d"}}
  
  categoryinfo[0][1] = {"name": "orange", "category": { "name": "fruits","id": "09a8697d"}}
  
  categoryinfo[1][0] = {"name": "fish", "category": { "name": "meat","id": "09a8447d"}}
  </code></pre>
  
  <p>I want to display these data according to the category, As you can see the [0]the index has all the fruit items and the  [1]index has all the meat items.</p>
  
  <p>I want to display these as,</p>
  
  <h2><strong>Fruits</strong></h2>
  
  <p>Apple<br>
  Orange</p>
  
  <h2><strong>meat</strong></h2>
  
  <p>fish</p>
  
  <pre><code>&lt;table&gt;
        &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;{{categoryinfo[0][0].category.name}}&lt;/th&gt;
        &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
        &lt;tr ng-repeat="formnames in categoryinfo"&gt;
          &lt;td&gt;{{formnames[0].name}}&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr ng-repeat="formnames in categoryinfo"&gt;
          &lt;td&gt;{{formnames[1].name}}&lt;/td&gt;
        &lt;/tr&gt;
        &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>to be more specific something like this above. But I cant figure out how to do this dynamically without hardcoding like this. </p>