title: Challenge repeating tr with ng-repeat
body: <p>I'm struggling with a special use case. I provide you with a jsfiddle snippet at the bottom.</p>
  
  <p><strong>1. The HTML table</strong></p>
  
  <p>My HTML is a table. <code>ng-repeat</code> directive must be applied to an html element. In my use case, this cannot be done as an instance of ng-repeat is composed of a double tr element:</p>
  
  <pre><code>&lt;!-- ng-repeat the following block n times --&gt;
  &lt;tr&gt;
   &lt;td&gt;text&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td tooltip="comment that is bound to the first tr"&gt;hover me&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>AngularJS doesn't provide a syntactic ng-repeat comment (unlike KnockoutJS). I found similar questions on SO. However the use case consisted of appending HTML inside an element. Mine would consist of placing a new tr after the ng-repeated tr, but it just didn't work. Besides, there is a new stuff to take into account.</p>
  
  <p><strong>2. The Tooltip directive</strong></p>
  
  <p>The second tr embeds a tooltip directive, which is taken from angular-ui-bootstrap. Therefore a pure jQuery approach may not be feasible.</p>
  
  <p><strong>3. MY GOAL</strong></p>
  
  <p>I provide you with a code snippet that doesn't use ng-repeat at all. My goal is to use ng-repeat applied to each element of my collection.   </p>
  
  <p><strong><a href="http://jsfiddle.net/RkCMr/1/" rel="noreferrer">http://jsfiddle.net/RkCMr/1/</a></strong></p>