如何将变量传递给 Pug 的 `script` 块？

Question

我在我的 index.pug 文件中有这段代码。

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);

title和source都出现在Pug文件中，但不包括events：

Uncaught ReferenceError: events is not defined

我应该如何在script标签内正确传递变量？

- Nick Slavsky

Answer 1

你需要基本上以这样的方式呈现你的变量，以便最终结果被插入为有效的JS。可以通过以下方式完成：！{JSON.stringify(events)}

for (var event of !{JSON.stringify(events)}) ...

应扩展为：

for (var event of ["AD_START","AD_COMPLETE"]) ...

请注意 !{}，它用于进行非转义插值，与更常用的#{}相对应，在这种情况下，后者将不能正常工作，因为它会扩展成像["..."]（即转义引号）这样的内容。 注意：未转义的代码可能很危险。您必须确保对任何用户输入进行过滤，以避免跨站点脚本攻击（XSS）。请参见：如何从jade模板文件传递变量到脚本文件？

- laggingreflex