angular - 在 Angular 中，为什么换行符不影响 HTML？

Question

在我的 Angular 6 应用程序中，我有以下 HTML 片段：

<p [innerHTML]="description"></p>

上面的渲染是这样的：

为什么换行符不在浏览器中“显示”？

笔记！我正在使用[innerHtml]，因为该description变量有时可以包含 html。

另外，我尝试用标签替换换行符<br>，但没有效果。

标签： angular

Answer 1

像这样使用 Style 属性white-space-

<p style='white-space: pre-wrap' [innerHTML]='description'></p>

例子

参考。- https://github.com/angular/angular/issues/7781#issuecomment-408117841