Pug模板不会将原始HTML传递给它

时间:2018-02-24 04:29:56

标签: html node.js express templates pug

我有一个哈巴狗模板,当我在我的网页上点击一个按钮时,该模板会呈现给用户并显示给用户。我有一个问题,pug渲染HTML标记作为部分原始文本,而不是解析文本并将其添加为DOM节点。

我的pug模板如下所示:p #{object.property}因此尝试将HTML字符串插入到模板中。

该属性包含一个HTML字符串,如下所示:

<p>Here is some text I'm trying to render</p>

我尝试使用#{object.property}奇怪的渲染问题,在页面中呈现<后跟文本内容。我很确定这是因为哈巴狗将<视为纯文本而p是一个有意义的哈巴狗元素。

渲染网页上的渲染效果就是这样。

<
Here is some text I'm trying to render

>Here is some text I'm trying to render

>

我想要完成的是在我的pug模板中引用有效的HTML字符串,并将其作为DOM节点呈现。

遗憾的是,不带标签的HTML字符串是不可能的。

非常感谢任何回复。

  

注意:使用Pug 2.0.0-beta-11

1 个答案:

答案 0 :(得分:0)

为了在传递给模板的字符串中保留HTML,您需要使用非转义字符串插值。而不是括号前的数字符号,您需要一个感叹号。因此#{object.property}应为!{object.property}