我可以防止 Angular 在我的 pre 标签中插入换行符吗？答案

【问题标题】：Can I prevent angular from inserting newlines in my pre tag?我可以防止 Angular 在我的 pre 标签中插入换行符吗？
【发布时间】：2016-01-21 14:58:14
【问题描述】：

我的 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 会插入 cmets 后跟换行符，这会打乱电子邮件文本的布局，如下所示：

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

有什么办法可以阻止 Angular 这样做？

【问题讨论】：

你为什么要使用预格式化的文本呢？听起来最好的解决方案是自己插入换行符而不使用<pre>
这似乎是预先格式化电子邮件文本以供查看和复制粘贴的最简单方法，但我可能错了。

标签： javascript angularjs html

【解决方案1】：

不能删除，类似问题here

但你可以用 CSS 解决它。

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

pre{
    font-size:1rem;
}

【讨论】：

谢谢。我尝试添加此内容，但未能成功更改布局（可能是我的错误）。换行符的高度是否为 0？在那种情况下，我想当文本被复制粘贴时，换行符会再次出现？
好点。我在这里尝试了复制和粘贴。当我选择解析后的 HTML 并将代码粘贴到 Gmail 时，它删除了 cmets。