ngRepeat used as element inside a table doesn't work
<p>I have a strange problem with AngularJS 1.6.0 (same with older versions) and the ngRepeat directive when it's <strong>used as an element</strong> nested in a table.</p>

<p>Simply put <code>&lt;ng-repeat&gt;</code> in a <code>&lt;table&gt;</code>, then put a <code>&lt;tr&gt;</code> inside: it doesn't work.
But if you put the <code>&lt;ng-repeat&gt;</code> outside of a <code>&lt;table&gt;</code>, eg. with a <code>&lt;div&gt;</code> inside, it works perfectly.</p>

<p>When inspecting the rendered HTML in our buggy case, we can see the iterations of ng-repeat, but they go out of the table, thus breaking the DOM and making the lines disappear:</p>

<pre><code> &lt;p&gt;When placed inside a table, with tr inside, it doesn't work:&lt;/p&gt;
  &lt;!-- ngRepeat: person in people --&gt;&lt;ng-repeat ng-repeat="person in people" class="ng-scope"&gt;
      &lt;/ng-repeat&gt;&lt;!-- end ngRepeat: person in people --&gt;&lt;ng-repeat ng-repeat="person in people" class="ng-scope"&gt;
      &lt;/ng-repeat&gt;&lt;!-- end ngRepeat: person in people --&gt;&lt;ng-repeat ng-repeat="person in people" class="ng-scope"&gt;
      &lt;/ng-repeat&gt;&lt;!-- end ngRepeat: person in people --&gt;
&lt;table&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td class="ng-binding"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Tested with latest Chrome and Firefox.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('myApp', [])

.controller('MyCtrl', function($scope) {
  $scope.people = [{
    name: 'John',
    age: 20
  }, {
    name: 'Peter',
    age: 22
  }, {
    name: 'Jane',
    age: 19
  }];
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="myApp"&gt;

&lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"&gt;&lt;/script&gt;
  &lt;meta charset=utf-8 /&gt;
  &lt;title&gt;ngRepeat&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;div ng-controller="MyCtrl"&gt;
    &lt;p&gt;Hello ng-repeat!&lt;/p&gt;

    &lt;p&gt;With div inside, ng-repeat element works:&lt;/p&gt;
    &lt;ng-repeat ng-repeat="person in people"&gt;
      &lt;div&gt;
        &lt;td&gt;{{person.name}}&lt;/td&gt;
      &lt;/div&gt;
    &lt;/ng-repeat&gt;

    &lt;p&gt;When ng-repeat element is placed inside a table, with tr inside, &lt;strong&gt;it doesn't work&lt;/strong&gt;:&lt;/p&gt;
    &lt;table&gt;

      &lt;ng-repeat ng-repeat="person in people"&gt;
        &lt;tr&gt;
          &lt;td&gt;{{person.name}}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/ng-repeat&gt;

    &lt;/table&gt;
    
    &lt;p&gt;But, when ng-repeat is used as an attribute on tr, it works!&lt;/p&gt;
    &lt;table&gt;

      &lt;tr ng-repeat="person in people"&gt;
          &lt;td&gt;{{person.name}}&lt;/td&gt;
      &lt;/tr&gt;

    &lt;/table&gt;
    
    

  &lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p>Did I miss something?</p>