在 pug 中将 JSON 作为 javascript 变量传递

Question

我想将一组对象传递到我的 javascript 代码块中，但我很挣扎，因为它会对结果进行 html 编码，因此我的实际 JSON 中有很多 "。

基本上我的路由器从 redis 存储中获取 JSON 对象，我正在尝试将它传递给模板：

redis.getBuffer('languages', function (err, result) {
    res.render('manager/create-project', { title: 'Create Project', breadcrumbs: req.breadcrumbs(), languages: result })
})

我像这样将它分配给我的变量：

script.
    $(document).ready(function() {
        var languages = #{languages};

问题： 实际的 javascript 变量语言获取 html 编码的字符串，如下所示。

var languages = [{"id":"aa","text":"Afar"}]

如何正确地将我的 JSON 内容传递给 javascript 块？

Answer 1

这对我有用：

NodeJs：

res.render('itemdetails', {
    title: 'Donation item details',
    user: req.user,
    item: item.toJSON(),
    GOOGLE_MAP_API_KEY: process.env.GOOGLE_MAP_API_KEY
  });

哈巴狗视图：

 script.
  $(document)
    .ready(() => {
    createGlobalObjects('minimap');
    let item = !{JSON.stringify(item)};
    initLocationSearch(positionItemOnMap.bind(item));
  });

结果：

Answer 2

做到这一点的工作方式是（我知道这很可怕，但 PUG 是这样工作的）

script(type="text/javascript").
    $(document).ready(function(){
       var languages = !{JSON.stringify(languages)}
    });

2018 年工作

更多信息http://www.mircozeiss.com/how-to-pass-javascript-variables-from-a-server-to-angular

Answer 3

您需要在不转义的情况下进行插值。这可以通过使用! 而不是# 来实现。

例如，将您的模板更改为以下内容应该可以解决您的问题：

script.
    $(document).ready(function() {
        var languages = !{languages};

作为参考，这里是docs的链接