<p dir="auto">As suggested below this report is moved to <a href="http://stackoverflow.com/questions/42123253/angular-2-local-development-environment-runs-only-once-after-install-reproducib" rel="nofollow">http://stackoverflow.com/questions/42123253/angular-2-local-development-environment-runs-only-once-after-install-reproducib</a></p>
<p dir="auto">It should be noted that having the "Report Issues" link on pages such as <a href="https://angular.io/" rel="nofollow">https://angular.io/</a> go to <a href="https://github.com/angular/angular/issues">https://github.com/angular/angular/issues</a> ends up wasting lots of people's time for Angular issues  deemed not appropriate here.</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>