javascript - CSS为JSON数据添加两行字符

我有一个包含行字符的json数据，但是当我在html上渲染该行时，它确实添加了带有style="white-space: pre-line"属性的新行字符，而我想添加2个新行字符

我的json数据

[{"id":1,"title":"Israel’s desert city of Beersheba is turning into a cybertech oasis","description":"morphing into a tech oasis.\r\nThe military’s massive relocation of its prestigious technology units.\r\nBeersheba has all of the ingredients of a vibrant security technology ecosystem, \r\n“All in all, projections are that 20,000-30,000 \r\nThe commercial sector has teamed up  cyber attacks.","pub_date":"2016-03-20T10:48:19.394643Z"},{"id":2,"title":"These are testing times: mavericks vs. ice people","description":"One of my earliest engineering jobs, before I fled hardware in favor of the (relative). \r\nThe practice of engineering soon teaches one that, .\r\nSo what do we do? We practice defense in depth. We follow the robustness principle. We “always code as \r\n…Yeah, well, that’s the idea. For my day job at HappyFunCorp I do a lot of interviews, and almost every junior develope.\r\nI don’t necessarily blame them. You can make  go.","pub_date":"2016-03-20T10:50:07.965930Z"}]

更清楚地说，json中的描述是这样的

morphing into a tech oasis.\r\nThe military’s massive relocation of its prestigious technology units.\r\nBeersheba has all of the ingredients of a vibrant security technology ecosystem, \r\n“All in all, projections are that 20,000-30,000 \r\nThe commercial sector has teamed up  cyber attacks.

我们可以看到存在\ r \ n，所以在这里我想再次插入新行以呈现2个新行字符

我的控制器

<div class="blog-post">
 <p class="blog-post-title">{{ post.title }}</p>
 <p class="blog-post-meta"><i class="fa fa-clock-o">&nbsp {{ post.pub_date|date  }}</i> </p>
 <span style="white-space: pre-line">{{ post.description }}</span>

如何为{{ post.description }}用2个新行字符来呈现输出？

我期望的输出是这样的

morphing into a tech oasis.

The military’s massive relocation of its prestigious technology units.

Beersheba has all of the ingredients of a vibrant security technology ecosystem,

“All in all, projections are that 20,000-30,000

The commercial sector has teamed up  cyber attacks.

提前致谢

最佳答案

通过正则表达式从Controller中删除JSON中所有/ r / n：

 post.description.replace(/(?:\\[rn]|[\r\n]+)+/g, "")