title: Conditionally add row in ng-repeat
body: <p>I've got a simple repeating table-row in AngularJS</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tr ng-repeat="item in items"&gt;
      &lt;td&gt;{{ item.prop1 }}&lt;/td&gt;
      &lt;td&gt;{{ item.prop2 }}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>My <code>item</code> object has a <code>comment</code> property on it, and if that comment contains a value, I want to display that in a row all by itself on the line right after the rest of the elements and have it span the entire row.  Is that type of thing possible?  I looked at ng-repeat-end but that doesn't seem to be what I want, and I can't just add and extra &lt;tr> element inside the ng-repeat as that'd be invalid HTML.</p>