Angular2 Component which renders 2 tr elements in a loop

Question

I need to write a component that has a template that looks like this:

...
...

This must be used with

Answer 1

Suggestion as per comment, not tested.

Component selector: [spot-row]

Component template:

<tr>...</tr>
<tr>...</tr>

HTML:

<table>
   <tbody *ngFor="let spot of spots" spot-row [spot]="spot"></tbody>
<table>

This should produce:

<table>
   <tbody>
     <tr>...</tr>
     <tr>...</tr>
   </tbody>
   <tbody>
     <tr>...</tr>
     <tr>...</tr>
   </tbody>
   ...
</table>

Which is valid (multiple <tbody> in <table>).