![](/img/trans.png)
[英]In PUG/JADE, how to avoid ambiguity between a variable name and a html tag?
[英]Jade / pug: passing html that contains a variable into template
我正在開發基於keystone.js的應用程序。 我希望最終用戶能夠創建隨變量而變化的內容。 例如,如果他們想創建一個電子郵件模板,則可以編寫:
#{firstName},您好,...
它將像普通的html一樣傳遞到翡翠中,如下所示:
#{firstName},您好...
模板應將#{firstName}評估為所討論的名字。
我試圖在一個玉模板中實現這一點,如下所示:
//Jade template
.div
p #{firstName}
.div
!=html
第p#{firstName}行打印firstName的值,但!= html打印“ Hi#{firstName},...”。
我做錯了什么嗎?Jade不支持嗎?
這是預期的行為。 ! 是一個轉義字符,期望僅文本而不是變量。
您應該在nodejs中評估pug html,將此字符串作為變量傳遞給pug模板。
nodejs代碼
var pug = require('pug');
html = pug.render(html, {firstName:firstName});
哈巴狗代碼
.div
p #{firstName}
.div
!=html
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.