10

如何在 pug 中控制台记录来自后端的数据?

例如,这是我在 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 上的开发者工具上看不到任何内容。

有任何想法吗?

4

1 回答 1

16

您当前访问模板中数据的方法将在运行 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)
于 2016-11-03T17:28:31.397 回答