Wie kann ich strikte Mime -Checking -Problem in Angular 18 beheben, während Sie die dynamische CSS -Datei in Angular 18 ⇐ HTML

[Anonymous]

In Angular 10, das wir verwendet haben, benötigen wir, um CSS dynamisch zu laden. Benötigen veraltet in Angular 18 und wir verwendeten Renderer2, um Stile zu laden. < /P>

Code: Select all

if (this.jurisdiction == 'ON') {
require("style-loader!./../on_styles.scss");
}
< /code>
In Angular 18 modifiziert es zu < /p>
if (this.jurisdiction == 'ON') {
const link = this.renderer.createElement('link');
this.renderer.setAttribute(link, 'rel', 'stylesheet');
this.renderer.setAttribute(link, 'href',
'src/on_styles.css); // supports only css. So modified scss to css
this.renderer.appendChild(document.head, link);
}

Während der Verwendung von Renderer2 erhalte ich den folgenden Fehler -
weigert sich, Stil aus 'https: // localhost: 4200/src/on_styles anzuwenden.>