奇怪的空白问题。HTML，CSS，Angular

我对以下代码有一个奇怪的问题：

我将使用Area文本框输入的文本保存到SQL DB。DB中没有前导或尾随空格

当我使用angular{{model.text}显示div中的文本时

它神奇地添加了这些奇怪的前导和尾随空格：

<pre class="ng-binding">        Line1
Line2
Line3
Line4                            
    </pre>

<pre>{{model.text}}</pre>

Line1
第2行
第3行
第4行

正如您在pre标记中看到的，有前导空格和尾随空格。请注意，当它位于div内部且不限于pre标记时，也会发生这种情况

我被难住了

---

我已经尝试了一个过滤器来删除前导空格和尾随空格，并且还取消了父容器上的所有css。

我知道这是一个老问题，但我最近遇到了同样的问题，这是因为我在

标记中使用了换行符和缩进。例如，我的原始代码如下所示：

<pre>
    {{model.text}}
</pre>

{{model.text}

这给出了您描述的结果。我的解决方案是删除换行符和缩进，使其全部位于一行：

{{model.text}

这样做为我解决了这个问题

---

我知道您的体验并不局限于

标记，但不幸的是，我没有很好的解释。我只是想添加一个答案，以防它对以后的人有所帮助。

我知道这是一个老问题，但我最近遇到了同样的问题，这是因为我在

标记中使用了换行符和缩进。例如，我的原始代码如下所示：

<pre>
    {{model.text}}
</pre>

{{model.text}

这给出了您描述的结果。我的解决方案是删除换行符和缩进，使其全部位于一行：

{{model.text}

这样做为我解决了这个问题

---

我知道您的体验并不局限于

标记，但不幸的是，我没有很好的解释。只是想添加一个答案，以防对将来的人有所帮助。

Ajax响应中是否有空白？Ajax负载中根本没有空白。您是否尝试过使用：？这可能来自您原始的、未经渲染的代码，尝试删除所有空白Ajax响应中有这些空白吗？Ajax负载中根本没有空白。您是否尝试过使用：？这可能来自原始的未渲染代码，尝试删除其中的所有空白谢谢分享Ian:-）今天可能旧，但明天对其他人来说可能是新的：）谢谢分享Ian:-）今天可能旧，但明天对其他人来说可能是新的：）