angular 中的新行和制表符被添加到我的字符串中

Question

我的 html 中有以下 div：

<div flex style="white-space:pre-wrap;">
    {{c.display}}
</div>

c.display 设置如下：

$scope.c.display = "foo\nbar\n\tfoobar";

输出如下所示：

html 来源如下所示：

如果我使用开发工具将 Chrome 上的源更改为：

我一直得到我想要的，就是这样：

那么，为什么会发生这种情况，我该如何阻止它？

Answer 1

如何从 div 中删除白色-space？

<div flex style="white-space:pre-wrap;">{{c.display}}</div>