title: AngularJS ng-repeat over multiple tr
body: <p>I'm trying to get the following code to work (data comes from an API):</p>
  
  <pre><code>...
  &lt;tbody ng-repeat="verbinding in data.connection" style="border-bottom:2px solid black;"&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;{{verbinding.departure.time  * 1000 | date:'HH:mm'}}&lt;/td&gt;
          &lt;td&gt;{{verbinding.departure.platform}}&lt;/td&gt;
          &lt;td&gt;&lt;a href="/liveboard/{{verbinding.departure.stationinfo.id}}"&gt;{{verbinding.departure.station}}&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr ng-if="verbinding.departure.vehicle == verbinding.arrival.vehicle"&gt;
          &lt;td colspan = "5" style="text-align:center;"&gt;{{verbinding.departure.vehicle}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;span ng-if="verbinding.departure.vehicle != verbinding.arrival.vehicle" ng-repeat="via in verbinding.vias.via"&gt;
      &lt;tr&gt;
          &lt;td&gt;{{via.arrival.time * 1000 | date:'HH:mm'}}&lt;/td&gt;
          &lt;td&gt;{{via.arrival.platform}}&lt;/td&gt;
          &lt;td&gt;{{via.departure.time * 1000 | date:'HH:mm'}}&lt;/td&gt;
          &lt;td&gt;{{via.departure.platform}}&lt;/td&gt;
          &lt;td&gt;&lt;a href = "/liveboard/{{via.stationinfo.id}}"&gt;{{via.station}}&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan = "5"&gt;{{via.vehicle.id}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/span&gt;
  ...
  </code></pre>
  
  <p>The code above doesn't work. The reason why I'm using the <code>span</code>is because I need two to include two <code>tr</code>s. The following does work:</p>
  
  <pre><code>...
  &lt;tr ng-if="verbinding.departure.vehicle != verbinding.arrival.vehicle" ng-repeat="via in verbinding.vias.via"&gt;
      &lt;td&gt;{{via.arrival.time * 1000 | date:'HH:mm'}}&lt;/td&gt;
      &lt;td&gt;{{via.arrival.platform}}&lt;/td&gt;
      &lt;td&gt;{{via.departure.time * 1000 | date:'HH:mm'}}&lt;/td&gt;
      &lt;td&gt;{{via.departure.platform}}&lt;/td&gt;
      &lt;td&gt;&lt;a href = "/liveboard/{{via.stationinfo.id}}"&gt;{{via.station}}&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  ...
  </code></pre>
  
  <p>but then I only have one <code>tr</code>, and I need two.</p>