javascript - 从 JSON 打印出与 HTML 中的转义字符相同的格式？

Question

我在以 HTML 格式打印 JSON 数据时遇到问题

var a = "We are the world.\n \tWelcome to our place.";

假设我有来自后端的 json 数据，并且我想打印出这样的内容。

<div>
We are the world.
  Welcome to our place.
</div>

我尝试过使用 ng-bind-html 但它显示所有内联字符串。

谢谢。

Answer 1

你不能简单地做到这一点。因为 \n 和 \t 不被 Html 识别的编码。您必须先将其替换为可识别的 Html 编码。您可以通过以下方式完成此操作:

$scope.a = "We are the world.\n \tWelcome to our place."
$scope.a.replace(/(?:\r\n|\r|\n)/g, '<br />');

但是现在，如果您将此文本绑定(bind)到 Html 中，它将省略 Welcome 一词之前的额外空格，只留下一个空格。

因此，要解决此问题，您必须将此 Html 绑定(bind)到 pre 标记内。它将保留您的格式。

<pre>{{a}}<pre>

我在这里添加了一个演示:https://plnkr.co/edit/2twWjmWPCKGxcrh7QEgf?p=preview