如何在Pug中使用console.log？

Question

如何在pug中使用console.log输出来自后端的数据？

比如，这是我的expressjs后端代码：

    res.render("streams/show", {
        stream: cleanStream
    });

在 show.pug 文件中，我想查看来自 Steam 的数据：

- var species = stream.species;
- var fields = [];
- for (var key in species) fields.push(key)
- console.log(fields)

我在Chrome的开发者工具上什么也看不到。

有任何想法吗？

- Run

Answer 1

你当前的访问模板数据的方法会在Express运行的终端中记录后端信息，而不是在Chrome开发者工具的前端中。

为了访问模板内部的外部信息，你需要将其嵌套在一个script标签中，并使用JSON.stringify与未转义的Pug字符串插值相结合，以以下方式呈现在HTML中。

script
     | var species = !{JSON.stringify(stream.species)};
     | var fields = [];
     | for (var key in species) fields.push(key)
     | console.log(fields)

- litel