javascript - Jade /哈巴狗 : passing html that contains a variable into template

Question

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

Hi #{firstName},...

这将作为纯 html 传递到 jade 中，如下所示:

Hi #{firstName}...

模板应将 #{firstName} 计算为相关名字。

我尝试在 Jade 模板中实现此功能，如下所示:

//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