title: Custom directive version of ng-repeat-start - ng-repeat-end
body: <p>I have a table that uses <code>ng-repeat-start</code> and <code>ng-repeat-end</code> every two table rows, like this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;... // other &lt;tr&gt;'s without ng-repeat
      &lt;tr ng-repeat-start="parameter in ctrl.parameters"&gt;
          &lt;td&gt;Name&lt;/td&gt;
          &lt;td&gt;{{parameter.name}}&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr ng-repeat-end&gt;
          &lt;td&gt;Value&lt;/td&gt;
          &lt;td&gt;{{parameter.value}}&lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>This AngularJS application is deployed in Karaf as a Hawtio plugin and <code>ng-repeat-start-end</code> part doesn't work. Maybe because it's a plugin. Other table rows (without ng-repeat) works and shows the data <code>bind</code>ed. The odd thing is, a single entry for the label <code>Name</code> and <code>Value</code> still appears, but without the expression evaluated, whether there is or no data bound to the two element rows. What's the reason behind this?</p>
  
  <p>I'm considering to use a custom directive in the js module instead of placing <code>ng-repeat-start</code> and <code>ng-repeat-end</code> in the html. Could someone show how to do this the custom directive way?</p>
  
  <p>Thanks.</p>