Angular2 : render a component without its wrapping tag : <p>I am struggling to find a way to do this. In a parent component, the template describes a <code>table</code> and its <code>thead</code> element, but delegates rendering the <code>tbody</code> to another component, like this:</p>

<pre><code>&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;Time&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody *ngFor="let entry of getEntries()"&gt;
    &lt;my-result [entry]="entry"&gt;&lt;/my-result&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Each myResult component renders its own <code>tr</code> tag, basically like so:</p>

<pre><code>&lt;tr&gt;
  &lt;td&gt;{{ entry.name }}&lt;/td&gt;
  &lt;td&gt;{{ entry.time }}&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>The reason I'm not putting this directly in the parent component (avoiding the need for a myResult component) is that the myResult component is actually more complicated than shown here, so I want to put its behaviour in a separate component and file.</p>

<p>The resulting DOM looks bad. I believe this is because it is invalid, as <code>tbody</code> can only contain <code>tr</code> elements <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody" rel="noreferrer">(see MDN)</a>, but my generated (simplified) DOM is :</p>

<pre><code>&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;Time&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;my-result&gt;
      &lt;tr&gt;
        &lt;td&gt;Bob&lt;/td&gt;
        &lt;td&gt;128&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/my-result&gt;
  &lt;/tbody&gt;
  &lt;tbody&gt;
    &lt;my-result&gt;
      &lt;tr&gt;
        &lt;td&gt;Lisa&lt;/td&gt;
        &lt;td&gt;333&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/my-result&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Is there any way we can get the same thing rendered, but without the wrapping <code>&lt;my-result&gt;</code> tag, and while still using a component to be sole responsible for rendering a table row ?</p>

<p>I have looked at <code>ng-content</code>, <code>DynamicComponentLoader</code>, the <code>ViewContainerRef</code>, but they don't seem to provide a solution to this as far as I can see.</p>
