Javascript 带新行和选项卡的字符串以HTML显示

我有一个来自java后端的字符串，它被格式化为以某种方式显示，新行、制表符和空格字符位于某些位置

如何让它以同样的方式显示在HTML中

例如，假设我有Javascript中的当前字符串，如下所示：

---

var str=“\t\tTitle\n一些文本\t\t\t更多文本”
浏览器通常会去掉额外的空白，您可能需要将其放入预先格式化的文本块中或使用

同样是的，正如前面提到的，您也需要使用后斜杠。
浏览器通常会去掉额外的空白，您可能需要将其放入预先格式化的文本块中或使用

同样是的，正如前面提到的，您也需要使用后斜杠。
您也可以使用
textarea
。这是一个

您也可以使用
textarea
。这是一个

我可能会迟到，但只是为了帮助像我这样的初学者面对这种问题

您可以将css类添加到要显示数据的html标记中。在我的例子中，我使用角2的ngFor。来自后端的数据有换行符和制表符。因此，我只是在html标记中添加了一个带有css白间距样式的类，如下所示

后端数据
“标题”：“postsureresponse（）{\n\t此.parent.postsureresponse（this.issueId，this.newResponse）；\n console.log（this.newResponse）；\n this.newResponse\u003d\“\”；\n}”

}

这一个做得很好。
我可能会迟到，但只是为了帮助像我这样的初学者面对这种问题

您可以将css类添加到要显示数据的html标记中。在我的例子中，我使用角2的ngFor。来自后端的数据有换行符和制表符。因此，我只是在html标记中添加了一个带有css白间距样式的类，如下所示

后端数据
“标题”：“postsureresponse（）{\n\t此.parent.postsureresponse（this.issueId，this.newResponse）；\n console.log（this.newResponse）；\n this.newResponse\u003d\“\”；\n}”

}

这一个做得很好。
你确定没有反斜杠吗？你确定没有反斜杠吗？@Juan Mendes酷！我完全不知道关于空白的事：我要去看看@胡安·门德斯很酷！我完全不知道关于空白的事：我要去看看！
var pre = document.createElement("pre");
pre.innerHTML = str;
document.appendChild(pre);

<p class="response-title">{{myData?.title}}</p>

.response-title {
white-space:pre;