Alan Agius bf4ad38117 fix(platform-browser): remove styles from DOM of destroyed components (#48298) ...

Currently style of components using `encapsulation`, `None` or `Emulated` will not be removed from the DOM once the component get destroyed.

This change addresses this by keeping track of the number of times a component is rendered, when the component is destroyed the counter is decreased and once this reaches zero the style element is removed from the DOM.

Currently, this new behaviour is on opt-in bases, but it will be changed in the next major version.

To opt-in, set the `REMOVE_STYLES_ON_COMPONENT_DESTROY` DI token to `true`.

Example
```ts
@NgModule({
 declarations: [
   AppComponent,
 ],
 imports: [
   BrowserModule
 ],
 providers: [
   { provide: REMOVE_STYLES_ON_COMPONENT_DESTROY, useValue: true }
 ],
 bootstrap: [AppComponent]
})
export class AppModule { }
```

Closes #16670

PR Close #48298

2023-02-16 15:31:24 -08:00

..

events

build: fix legacy saucelabs test bundle generation after ESM changes (#48521)

2022-12-19 19:50:44 +00:00

dom_renderer_spec.ts

fix(platform-browser): remove styles from DOM of destroyed components (#48298)

2023-02-16 15:31:24 -08:00

shadow_dom_spec.ts

test: clean up more entryComponents usages (#44561)

2022-01-06 18:36:22 +00:00

shared_styles_host_spec.ts

fix(platform-browser): remove styles from DOM of destroyed components (#48298)

2023-02-16 15:31:24 -08:00