javascript - 新行和制表符以 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 中删除空格？

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