title: AngularJS ng-repeat nested loop but unnested element
body: <p><strong>EDIT:</strong> Sorry this is already asked - <a href="https://stackoverflow.com/questions/15362868/adding-rows-with-ng-repeat-and-nested-loop">Adding rows with ng-repeat and nested loop</a></p>
  
  <p>How do you do this in AngularJS?</p>
  
  <pre><code>foreach(var item in items) {                 &lt;-- How to do this loop
  
    &lt;tr&gt;&lt;td&gt;{{item.Name}}&lt;/td&gt;&lt;/tr&gt;
  
    foreach(var subitem in item.subitems) {    &lt;-- AND this loop?
  
      &lt;tr class='sub'&gt;&lt;td&gt;{{subitem.Name}}&lt;/td&gt;&lt;/tr&gt;
  
    }
  }
  </code></pre>
  
  <p>Note that the <code>&lt;tr&gt;</code> element is <strong>not</strong> nested.</p>
  
  <p>A possible expected result:</p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt;Item 1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr class='sub'&gt;&lt;td&gt;Item 1.1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr class='sub'&gt;&lt;td&gt;Item 1.2&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Item 2&lt;/td&gt;&lt;/tr&gt;
  </code></pre>