【问题标题】:In Angular, why doesn't line breaks affect the HTML?在 Angular 中,为什么换行符不影响 HTML?
【发布时间】:2018-11-15 21:07:45
【问题描述】:

在我的 Angular 6 应用程序中,我有以下 HTML sn-p:

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

上面是这样渲染的:

为什么浏览器中没有“显示”换行符?

注意!我使用 [innerHtml] 是因为 description 变量有时可以包含 html。

另外,我尝试用&lt;br&gt; 标签替换换行符,但没有效果。

【问题讨论】:

  • 我看到你已经查看了&lt;br&gt;,除非在&lt;pre&gt; 标记内,否则永远不会呈现超出单个空格的空格,但这些天很少使用。根据您为页面遵守的文档类型,您可能需要确保您的 &lt;br&gt; 键入为 &lt;br/&gt;

标签: angular


【解决方案1】:

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

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

Example

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

【讨论】:

    猜你喜欢
    • 2013-04-29
    • 2011-08-12
    • 1970-01-01
    • 2013-04-28
    • 2023-03-03
    • 1970-01-01
    • 2011-11-22
    • 2011-09-12
    • 1970-01-01
    相关资源
    最近更新 更多