css - 样式未从后端解析

Question

我有一个带有 Angular 前端和 C# 后端的应用程序。我从应用程序的后端收到此富文本:

<b>Hello <span style="font-weight:normal"> world </span></b>

显示的是“Hello world ”
我想要显示的是“Hello world”

期望的行为是跨度的样式不会被覆盖。这个 codepen 示例显示了所需的行为，但它只是前端: https://codepen.io/david-lo/pen/rNVOEbY

我错过了什么？

Answer 1

我通过使用 SafeHtml 解决了我的问题和 DomSanitizer :

之前:

  public txt: string; //txt is rendered in my html file. 
  @Input() public set header(_txt: string) {
    this.txt = _txt;
  }

字符串输入_txt有值(value)<b>Hello <span style="font-weight:normal"> world </span></b>

问题是我的跨度样式被忽略，因此输出将是:

世界你好

之后:

  public txt: SafeHtml;
  @Input() public set header(_txt: string) {
    this.txt= this.domSanitizer.bypassSecurityTrustHtml(_txt);
  }

通过按照上面所示的方式使用 DomSanitizer，我的跨度样式在前端得到了尊重，并且我实现了所需的输出:

你好世界