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

【问题标题】：Jade / pug: passing html that contains a variable into templateJade / pug：将包含变量的html传递到模板中
【发布时间】：2017-12-13 06:56:50
【问题描述】：

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

嗨#{firstName}，...

这将像这样以纯 html 的形式传递给玉：

嗨 #{firstName}...

模板应将 #{firstName} 评估为有问题的名字。

我尝试在翡翠模板中实现如下：

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

p #{firstName} 行打印 firstName 的值，但 !=html 打印“Hi #{firstName},...”。

我做错了什么还是 Jade 不支持？

【问题讨论】：

【解决方案1】：

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

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

nodejs 代码

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

哈巴狗代码

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

【讨论】：