innerHTML 无法从组件中的 .scss 中捕获类 [关闭]

Posted 2023-03-06

【中文标题】innerHTML 无法从组件中的 .scss 中捕获类 [关闭]

【英文标题】：innerHTML can't catch class from .scss in the component [closed]

【发布时间】：2021-02-25 14:18:12

【问题描述】：

代码在 Angular 9 中。 显示默认段落。 无法从组件中的 .scss 中捕获类。

.html:

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

.TS：

htmlCode: string = "<p class='newClass'>TEST</p><br>TEST<br>";

.SCSS:

.newClass
  background-color: red;

【问题讨论】：

你能分享你的 HTML 输出吗？

有什么问题？

这能回答你的问题吗？***.com/questions/44210786/…

@Chellappanவ 它对我有很大帮助:) tnx

【参考方案1】：

只需添加来自 scss 的样式代码，然后封装：ViewEncapsulation.None

@Component(
  ...
  styles: ['
    .newClass
       background-color: red;
    
  '],
  encapsulation: ViewEncapsulation.None,
)