<p dir="auto">Run application and see html generated<br>
<a href="http://plnkr.co/edit/nNc5ETPm7KvxkC6w3btt?p=preview" rel="nofollow">http://plnkr.co/edit/nNc5ETPm7KvxkC6w3btt?p=preview</a></p>
<p dir="auto"><strong>Current behavior</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;table class=&quot;table&quot;&gt;
    &lt;thead&gt;
    &lt;tbody&gt;    &lt;- this tbody element is generated 
    &lt;tr trset=&quot;&quot;&gt;
        &lt;!--template bindings={}--&gt;
        &lt;th class=&quot;sorting&quot;&gt;
            nameTitle
        &lt;/th&gt;
        &lt;th class=&quot;sorting&quot;&gt;
            urlTitle
        &lt;/th&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;&lt;/tbody&gt;
&lt;/table&gt;"><pre class="notranslate"><code class="notranslate">&lt;table class="table"&gt;
    &lt;thead&gt;
    &lt;tbody&gt;    &lt;- this tbody element is generated 
    &lt;tr trset=""&gt;
        &lt;!--template bindings={}--&gt;
        &lt;th class="sorting"&gt;
            nameTitle
        &lt;/th&gt;
        &lt;th class="sorting"&gt;
            urlTitle
        &lt;/th&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;&lt;/tbody&gt;
&lt;/table&gt;
</code></pre></div>
<p dir="auto"><strong>Expected/desired behavior</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;table class=&quot;table&quot;&gt;
    &lt;thead&gt;
    &lt;tr trset=&quot;&quot;&gt;
        &lt;!--template bindings={}--&gt;
        &lt;th class=&quot;sorting&quot;&gt;
            nameTitle
        &lt;/th&gt;
        &lt;th class=&quot;sorting&quot;&gt;
            urlTitle
        &lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;&lt;/tbody&gt;
&lt;/table&gt;
"><pre class="notranslate"><code class="notranslate">&lt;table class="table"&gt;
    &lt;thead&gt;
    &lt;tr trset=""&gt;
        &lt;!--template bindings={}--&gt;
        &lt;th class="sorting"&gt;
            nameTitle
        &lt;/th&gt;
        &lt;th class="sorting"&gt;
            urlTitle
        &lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;&lt;/tbody&gt;
&lt;/table&gt;

</code></pre></div>
<p dir="auto"><strong>Other information</strong></p>
<p dir="auto">If I write something like this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;tbody *ngFor=&quot;#item of [1,2,3]&quot; myTableRow&gt;&lt;/tbody&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">tbody</span> <span class="pl-c1">*ngFor</span>="<span class="pl-s">#item of [1,2,3]</span>" <span class="pl-c1">myTableRow</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">tbody</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">that uses the following component:</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@Component({
  selector: '[myTableRow]',
  template: '&lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;'
})
export class MyTableRow {}"><pre class="notranslate">@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">selector</span>: <span class="pl-s">'[myTableRow]'</span><span class="pl-kos">,</span>
  <span class="pl-c1">template</span>: <span class="pl-s">'&lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;'</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span>
<span class="pl-k">export</span> <span class="pl-k">class</span> <span class="pl-smi">MyTableRow</span> <span class="pl-kos">{</span><span class="pl-kos">}</span></pre></div>
<p dir="auto">then it produces invalid HTML, there will be two nested tbody tags, like this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;tbody mytablerow=&quot;&quot;&gt;
  &lt;tbody&gt;
    &lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
   &lt;/tbody&gt;
&lt;/tbody&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">tbody</span> <span class="pl-c1">mytablerow</span>=""<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">tbody</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">tr</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span>test<span class="pl-kos">&lt;/</span><span class="pl-ent">td</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">tr</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">tbody</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">tbody</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">(In the real application I use this to group together multiple tr tags in a tbody, and the table has many tbody tags after each other)</p>
<p dir="auto">I get all kinds of malformed tables because of this, and it also breaks the usual <code class="notranslate">table &gt; tbody &gt; td</code> CSS rules, and is actually invalid HTML.<br>
This worked fine with alpha.46, but has been broken since alpha.47.<br>
Demo here: <a href="http://plnkr.co/edit/myYJZf6ZZj1ofhIcNj7E?p=preview" rel="nofollow">http://plnkr.co/edit/myYJZf6ZZj1ofhIcNj7E?p=preview</a></p>