我可以防止 angular 在我的 pre 标签中插入换行符吗?

Can I prevent angular from inserting newlines in my pre tag?

本文关键字：插入 换行符 标签 pre angular 我的 我可以      更新时间：2023-09-26

我的一个 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 这样做吗？

你不能删除它，类似的问题在这里

但是你可以用CSS解决它。

.parent-of-pre{
    font-size:0;
}
pre{
    font-size:1rem;
}
相关文章：