从最终捆绑中剥离的CSS定义

Question

我正在使用Angular CLI及其预配置的webpack捆绑包。我有一些HTML已经通过Image-Color插入到模板中并希望对其应用样式，但我注意到最终的[innerHTML]并不包含我写的样式。我认为webpack很聪明并且删除了CSS定义，因为它不在任何模板中，而是通过JS添加。

在我的模板中，我只是这样：

styles.bundle.js

在控制器中获取值，例如：

<div [innerHTML]="message"></div>

虽然我的.less文件中定义了this.message= '<p class="notice">Your account was successfully activated!</p>'; ，但它并没有出现在样式包中。当我之前在模板中使用通知类时，它工作正常。

我有办法阻止这种情况发生吗？我应该编码不同吗？或者是其他地方的问题而不是我认为的问题？

Answer 1

由于0 3 6 9 添加的HTML不在Angular的范围内，我需要在{less}文件中添加innerHTML选择器，以确保孩子可以访问CSS值。