我可以阻止角度在我的预标签中插入换行符吗？

Question

我的一个Angular视图是<pre>，其中我的模型数据呈现为预先格式化的文本，以便通过电子邮件发送，如下所示：

<pre>Hello {{name}},
Thank you for your order of
<div ng-repeat="item in orders | filter:{include: true}">Item: {{item.name}}</div>
Sincerely yours
</pre>

我的问题是Angular生成的HTML插入了评论后跟换行符，这会混淆电子邮件文本的布局，如下所示：

<!-- ngRepeat: item in orders | filter:{include: true} -->

有什么方法可以让Angular继续这样做吗？

Answer 1

您无法将其删除，类似问题here

但你可以用CSS解决它。

.parent-of-pre{
    font-size:0;
}

pre{
    font-size:1rem;
}