Ich verwende Angular CLI und das vorkonfigurierte Webpack-Bundle. Ich habe ein wenig HTML, das in eine Vorlage über [innerHTML] eingefügt wird und Styling darauf anwenden möchte, aber ich stelle fest, dass das letzte styles.bundle.js nicht den Stil, den ich schreibe, enthält. Ich nehme an, Webpack ist schlau und streift die CSS-Definition aus, da sie nicht in einer Vorlage enthalten ist, sondern über JS hinzugefügt wird.CSS-Definition vom endgültigen Bundle entfernt
In meiner Vorlage ich dies einfach haben:
<div [innerHTML]="message"></div>
, die einen Wert in der Steuerung wie bekommt:
this.message= '<p class="notice">Your account was successfully activated!</p>';
Und während ich .notice definiert haben in meiner .Weniger Datei, es doesn erscheint nicht im Style-Bundle. Als ich die Benachrichtigungsklasse zuvor in der Vorlage selbst hatte, funktionierte es gut.
Gibt es eine Möglichkeit für mich, dies zu verhindern? Sollte ich anders codieren? Oder ist das Problem anderswo und nicht das, was ich denke?
_ "Sollte ich anders codieren?" _ Wir wissen nicht einmal, wie Ihr Code jetzt aussieht. – zeroflagL
Ich denke, als ich das gepostet habe, dachte ich, das war mehr eine Theoriefrage als ein spezifisches Beispiel, aber ich werde einwerfen, was ich tue. – RhoVisions