我的代码中有这个代码index.pug
file
doctype html
html
head
title= title
body
script(src=`${source}`)
script.
for (var event of events){
VClient.Event.subscribe(event, createDiv);
}
以下是我如何将变量从 Express 传递到 pug。
var express = require('express');
var app = express();
app.set('view engine', 'pug')
app.get('/', function(req, res){
var id = req.query.id || 23717;
var source = `https://some.source.url/${id}.js`;
res.render('index',
{title: 'Preview Embed', source: source, events:["AD_START","AD_COMPLETE"]});
});
app.listen(5000);
Both title
and source
将其写入 pug 文件。但不是events
:
Uncaught ReferenceError: events is not defined
如何正确传递变量内部script.
block?
您基本上需要以最终结果插值为有效 JS 的方式渲染变量。可以通过以下方式完成:!{JSON.stringify(events)}
for (var event of !{JSON.stringify(events)}) ...
应该扩展到:
for (var event of ["AD_START","AD_COMPLETE"]) ...
请注意!{}
这是为了未转义插值 https://pugjs.org/language/interpolation.html#string-interpolation-unescaped,而不是更常用的#{}
在这种情况下,这是行不通的,因为它会扩展到类似的东西["..."]
(即转义引号)
CAUTION: 未转义的代码可能很危险。您必须确保清理所有用户输入以避免跨站点脚本攻击 (XSS)。看:如何将变量从jade模板文件传递到脚本文件? https://stackoverflow.com/questions/8698534/how-to-pass-variable-from-jade-template-file-to-a-script-file/28310031#28310031
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)