将 EJS 对象从后端传递到前端时保持对象的格式

Question

如果这是一个非常愚蠢的问题，请原谅（我对网络开发还比较陌生。）

我正在尝试将对象从后端 (NodeJS) 传递到前端 (EJS)。正在传递对象本身，但未保留格式。

NodeJS中的对象：

console.log(project.output)

输出：

866-981-4022
639-714-6905
184.118.7634
232-097-6927
(513) 480-5802

但是当我在 HTML/EJS 中这样做时：

<div> <%= detail.output %> </div>

它呈现如下：

866-981-4022 639-714-6905 184.118.7634 232-097-6927 (513) 480-5802

我该如何解决这个问题？我希望它像在 NodeJS

中那样 print/render

Answer 1

您可以将样式 white-space: pre; 添加到 div，以便新行按原样呈现。

<div style="white-space: pre;"> <%= detail.output %> </div>

<div style="white-space: pre;">866-981-4022
639-714-6905
184.118.7634
232-097-6927
(513) 480-5802</div>

Keep formatting of object when passing EJS object from backend to frontend