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

Question

在Angular 6应用程序中，我具有以下HTML代码段：

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

上面的呈现如下：

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

注意！！我使用[innerHtml]是因为description变量有时可以包含h​​tml。

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

Answer 1

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

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

Example

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