Angular 角度管道不起作用，因此不应用样式

innerHtml在HTML集合中定义的CSS没有反映出来

我尝试将bypassSecurityTrustHtml与管道一起使用，但它不起作用。

如何恰当地应用样式

工作

<h1>Normal</h1>
<div class="navbar-brand mx-auto title">Test<br class="br-sp" />(Test)</div>

正常
测试
（测试）

不起作用

<h1>innerHTML</h1>
<div class="navbar-brand mx-auto title" [innerHTML]="title | safeHtml"></div>

innerHTML

---

有关源代码，请参见。

您需要更新添加

视图封装组件的
ngModule
，该组件设置为None

在默认的模拟状态下，组件无法使用
innerHtml
访问样式

import { ViewEncapsulation } from '@angular/core';

@Component({
  selector: "app-head",
  templateUrl: "./head.component.html",
  styleUrls: ["./head.component.scss"],
  encapsulation: ViewEncapsulation.None,
})