How to namespace the _nghost/_ngcontent props in Angular?
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.
Given the fact that I use the emulated view encapsulation, Angular will add special _nghost-c# and _ngcontent-c# 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.
I've seen a few examples on the web where those props have a namespace in it, like _nghost-XXX-#, but I couldn't find a way to customize it.
The fix for this issue was just released in Angular v8.
It was introduced in beta 12.
For previous versions of Angular, there's no way to solve, without introducing the changes by yourself.
- Customize Angular Material 2 Tooltip styles
- Angular Signals: What's the proper way to trigger a fetch when input Signals change value?
- Does angular 2.0 store values of variables on server side?
- how to generate the next item id when creating a new post?
- keycloak-angular 26 is unable to find keycloak-js
- Angular Module Federation NullInjectorError
- Making an if statement with currently selected option
- Angular 17 custom Directive rendering don't work
- Effect in parent has no effect despite change in signal in child
- Angular Parent Form + childForm
- Problem with [routerLink] NullInjectorError: No provider for ActivatedRoute
- Firebase query if child of child contains a value
- NestJS as BFF for angular 19 using SSR
- How to detect if <html> tag has a class in child Angular component
- MatToolbar color doesn't work on Angular Material v18 Red/Rose
- Rerouting to child route not working as expected
- Angular *ngFor "id" tag generation incorrect with `mat-button-toggle`
- Why queryParams are empty
- Creating a reusable loader for angular v19 resource API with 2 request parameters of different types
- Router does not match route on navigation
- Conditional required input
- how to get angular form input value using django api?
- Angular 18.0.5 not seeing the interceptor
- Does the Angular resource API support adding an initial value for the resource?
- Typescript file reading in the wrong variable type
- Wrapping mat-chip-option before toggle not working when zoom is changed
- Firefox pdf download using html2pdf.js causing text overlapping issue
- Angular Material Paginator
- Upgrading Angular-CLI from Angular 17 to Angular 19 causing major errors on my system -
- Angular Error Message in Developer Console