Question

我正在尝试将需要包含新行/刹车行的值传递到pug文件中。

到目前为止，我已经尝试过

var value1 = "value 1";
var value2 = "value 2";
var infromation = "\n" + value1 + "\n" + value2;
res.render('pugfile', { information: information });

但是当通过pug在pug中呈现时

p Your messages are: #{information}

html呈现为

<p> 
value 1
value 2
</p>

，但是新行未显示在显示的网页上，这就是问题所在。请帮忙吗？

Answer 1

不要将\n用作换行符，而应使用<br>进行换行。而且您还需要转义字符串。供参考check this。

尝试一下。

  let value1 = "value 1";
  let value2 = "value 2";
  // let information = "\n" + value1 + "\n" + value2;
  let information = "<br>" + value1 + "<br>" + value2;
  res.render("index", { information: information });

在哈巴狗模板中

p Your messages are: !{information}

Please check here for working code

如何在传递给pug的变量中添加新行

1 个答案: