title: Cannot replace directives inside table by tr
body: <p>I am trying to dynamically fillup / create table in <code>Angular JS</code>. I created a directive <code>ns-row</code> to represent row in my table. I used <code>ng-repeat</code> directive to loop through all data within my custom directive <code>ns-row</code> as follow:</p>
  
  <pre><code>&lt;tbody&gt;
   &lt;ns-row ng-repeat="row in data" row="row"&gt;&lt;/ns-row&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>I used <code>replace:true</code> in my custom directive <code>ns-row</code> to replace it by valid <code>html table row - tr</code>. I have used <code>one root element</code> in the directive's template as : </p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt; {{row.id}} &lt;/td&gt; &lt;td&gt; {{row.name}} &lt;/td&gt; &lt;/tr&gt;
  </code></pre>
  
  <p>Instead of displaying the output <code>Angular</code> traces a long error message in console. </p>
  
  <p>But, if I removed the <code>replace:true</code> from the <code>directive</code> the error no longer exists but got the unexpected output.</p>
  
  <p>And here is the <a href="http://plnkr.co/edit/mnEUSP05BEDVVrrebRkE?p=preview" rel="nofollow" title="Plunker">Plunker</a> </p>