title: Remove host component tag from html in angular 4
body: <p>I have a table in which I want to display a table row, which is a component. And also I want to pass data to that component:</p>
  
  <pre><code>&lt;table&gt;
      &lt;th&gt;
          &lt;td&gt;col 1&lt;/td&gt;
          &lt;td&gt;col 2&lt;/td&gt;
          &lt;td&gt;col 3&lt;/td&gt;
      &lt;/th&gt;
      &lt;tr&gt;
          &lt;my-component [data1]="data1" [data2]="data2"&gt;&lt;/my-component&gt;
      &lt;/tr&gt;
      &lt;tr *ngFor="let item of list"&gt;
          {{item}}
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In <code>my-component</code>, the HTML is a few <code>&lt;td&gt;&lt;/td&gt;</code> with data rendered from <code>data1</code> and <code>data2</code>.</p>
  
  <p>But after rendering it, because of <code>&lt;my-component&gt;&lt;/my-component&gt;</code> my CSS is breaking resulting in all <code>my-component</code> HTML (whole table row) displaying in 1st column.</p>
  
  <p>Result of above:</p>
  
  <pre><code>&lt;table&gt;
      &lt;th&gt;
          &lt;td&gt;col 1&lt;/td&gt;
          &lt;td&gt;col 2&lt;/td&gt;
          &lt;td&gt;col 3&lt;/td&gt;
      &lt;/th&gt;
      &lt;tr&gt;
          &lt;my-component&gt;
              &lt;td&gt;data1.prop1&lt;/td&gt;
              &lt;td&gt;data1.prop2&lt;/td&gt;
          &lt;/my-component&gt;
      &lt;/tr&gt;
      &lt;tr *ngFor="let item of list"&gt;
          {{item}}
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I tried the following:</p>
  
  <pre><code>@Component({
      selector: '[my-component]',
      templateUrl: 'my-component.html'
  })
  
  &lt;tr my-component [data1]="data1" [data2]="data2"&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>But this results in error <code>Can't bind to 'data1' since it isn't a known property of 'tr'</code>.</p>
  
  <p>Also I can not use <code>@Directive</code> as I want to render HTML.</p>
  
  <p>How can I render template of <code>&lt;my-component&gt;&lt;/my-component&gt;</code> without <code>&lt;my-component&gt;&lt;/my-component&gt;</code> tag?</p>
  
  <p>Other answers are of previous versions of angular. I am using Angular 4.3.4.</p>
  
  <p>Any help would be appreciated..!</p>