时间戳

首页 > 解决方案 > 带有格式化空格的角文本

angular - 带有格式化空格的角文本

问题描述

我有以下文本，已正确保存到数据库中，并返回给浏览器：

Very very



long text

但是在我的角度应用程序中，我得到了

Very very long text

<td [innerHTML]="client.text"></td> // doesn't work
<td>{{client.text}}</td> // doesn't work


// What I wish to achieve displayed into the browser:
Very very



long text

我怎样才能达到上述的一致性？我有一个 textarea 可以正确显示文本，但是我希望在 div/span/td 元素中显示它。这可能吗？

标签： angular

解决方案

您可以使用pre标签来显示它应该是的确切方式。

根据HTML 文档：

元素中的文本以pre固定宽度字体显示，并且文本同时保留空格和换行符。文本将完全按照 HTML 源代码中的内容显示。

尝试这个：

<td><pre>{{client.text}}</pre></td>

您也可以使用white-space: pre-wrap. 来处理 css，看看这个答案

<td style="white-space: pre-wrap;">{{ client.text }} </td>

推荐阅读