Jade / Pug：将包含变量的html传递到模板中

Question

我正在开发基于keystone.js的应用程序。 我希望最终用户能够创建随变量而变化的内容。 例如，如果他们想创建一个电子邮件模板，则可以编写：

＃{firstName}，您好，...

它将像普通的html一样传递到翡翠中，如下所示：

＃{firstName}，您好...

模板应将＃{firstName}评估为所讨论的名字。

我试图在一个玉模板中实现这一点，如下所示：

//Jade template
.div
  p #{firstName}
.div
   !=html

第p＃{firstName}行打印firstName的值，但！= html打印“ Hi＃{firstName}，...”。

我做错了什么吗？Jade不支持吗？

Answer 1

这是预期的行为。 ！ 是一个转义字符，期望仅文本而不是变量。

您应该在nodejs中评估pug html，将此字符串作为变量传递给pug模板。

nodejs代码

var pug = require('pug');
html = pug.render(html, {firstName:firstName});

哈巴狗代码

.div
  p #{firstName}
.div
   !=html