title: Disable selector handler on html output in angular
body: <p>It's the second time I face this very same situation...</p>
  
  <pre><code>&lt;div id="thisDivHasBeenCreatedBySomeNpmLibrary"&gt;
     &lt;div id="otherDiv"&gt;Hello World&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>thisDivHasBeenCreatedBySomeNpmLibrary ---> This will apply text transformation to uppercase on the 1st child.</p>
  
  <p>Ok...it works so far...but let's says that I'd like to encapsulate my "otherDiv" in a component. So, the result rendered will be:</p>
  
  <pre><code>&lt;div id="thisDivHasBeenCreatedBySomeNpmLibrary"&gt;
     &lt;my-component&gt;
         &lt;div id="otherDiv"&gt;Hello World&lt;/div&gt;
     &lt;/my-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, this can't work anymore...because the library is actually trying to apply the uppercase upon the selector "my-component". </p>
  
  <p>It could be very awesome to turn off the rendering of the selector itself and get a result like...</p>
  
  <pre><code>&lt;div id="thisDivHasBeenCreatedBySomeNpmLibrary"&gt;
  
         &lt;div id="otherDiv"&gt;Hello World&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Is such thing possible ?</p>