javascript - 以角度格式化代码标签内的http响应数据

Question

我将 html 呈现为 -

前，代码{背景：#f4f4f4；边框：1px 实心#ddd；左边框：3px 实心#f36d33；颜色：#666；page-break-inside：避免；字体系列：等宽；字体大小：15px；行高：1.6；边距底部：1.6em；最大宽度：100%；溢出：自动；填充：1em 1.5em；显示：块；自动换行：断词；}

我希望输出应该被格式化 -

pre,code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

我的角度代码是 -

  getAllThreads(): void {
    this.forumService.getAllThreads().subscribe(
      (res: any) => {
        this.posts = res.items;
        console.log(this.posts);
      },
      (err: HttpErrorResponse) => {
        this.error = err.status;
        this.loading = false;
        if (err.status == 404) {
          this.error = "Something went wrong, Error : 404";
        } else {
          this.error = err.statusText;
        }
      }
    );
  }

Ajax 响应描述：“↵↵

代码：

↵<pre> pre,code { background: #f4f4f4; border: 1px solid #ddd; border-left: 3px solid #f36d33; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word;}↵↵

---

↵"

在这里，您可以看到进入图标即将到来，但是当页面被呈现时，它不会将其视为进入，因此不会进入新行。我希望它应该是换行符，因此看起来像是格式化的。

我知道 stackoverflow 编辑器在这里制作了这个输入图标，因为它实际上是输入。

请指教。

我希望它是格式化的代码，即之后；应该有换行符

标签： javascriptangular