title: Remove component tag in angular 6
body: <p>Im trying to remove the called component tag from html to prevent a some broken css from external libraries (for example, calling a sidenav from clarity project):</p>
  
  <p><strong>something.component.ts</strong></p>
  
  <pre><code>import {Component, OnInit, Input} from '@angular/core';
  @Component({
    selector: 'app-something',
    templateUrl: './something.component.html',
    styleUrls: ['./something.component.css']
  })
  export class SomethingComponent implements OnInit {
    @Input() config: {} = {};
    ....
  }
  </code></pre>
  
  <p><strong>something.component.html</strong></p>
  
  <pre><code>&lt;div&gt;
      Hello World
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>another.component.html</strong></p>
  
  <pre><code> &lt;div&gt;
      &lt;app-something [config]="somethingConfig"&gt;&lt;/app-something&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Then outputs:</p>
  
  <pre><code> &lt;div&gt;
      &lt;app-something&gt;
        &lt;div&gt;
            Hello World
        &lt;/div&gt;
      &lt;/app-something&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I want:</p>
  
  <pre><code>&lt;div&gt;
    &lt;div&gt;
       Hello World
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Yes, i know, many answers about it in stackoverflow and basically i can resume all the answers in 2 items :</p>
  
  <ul>
  <li><strong>Add brackets to selector</strong> (<code>selector: '[app-something]'</code>): Doesnt works, it triggers an error 
  
  <blockquote>
    <p>The selector of the component SomethingComponent should be used as element (<a href="https://angular.io/styleguide#style-05-03" rel="noreferrer">https://angular.io/styleguide#style-05-03</a>)
    (component-selector).</p>
  </blockquote></li>
  <li><strong>Use a Directive</strong>: Directives cannot have <code>templateUrl</code> param.</li>
  </ul>