title: How to namespace the _nghost/_ngcontent props in Angular?
body: <p>I'm currently doing some experiments with sharing Angular apps as Web Components and I've faced an issue with the styles of one app affecting the other one.</p>
  
  <p>Given the fact that I use the emulated view encapsulation, Angular will add special <code>_nghost-c#</code> and <code>_ngcontent-c#</code> props to my elements and also update the styles to use them. Now, since I may have multiple angular apps in a single page, those selectors can affect the other apps.</p>
  
  <p>I've seen a few examples on the web where those props have a namespace in it, like <code>_nghost-XXX-#</code>, but I couldn't find a way to customize it.</p>
  
  <p><a href="https://i.stack.imgur.com/CSPg1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CSPg1.png" alt="Example of the issue"></a></p>