title: Adding rows with ng-repeat and nested loop
body: <p>I'm looking for a way to add rows to a table. My data structure looks like that:</p>
  
  <pre><code>  rows = [
      { name : 'row1', subrows : [{ name : 'row1.1' }, { name : 'row1.2' }] },
      { name : 'row2' }
    ];
  </code></pre>
  
  <p>I want to create a table which looks like that:</p>
  
  <pre><code>  table
       row1
       row1.1
       row1.2
       row2
  </code></pre>
  
  <p>Is that possible with angular js ng-repeat? If not, what would be a "angular" way of doing that?</p>
  
  <p>Edit:
  Flatten the array would be a bad solution because if i can iterate over the sub elements i could use different html tags inside the cells, other css classes, etc.</p>