如何使用 Pug/Jade 显示外部 JSON？

【问题标题】：How do I display external JSON using Pug/Jade?如何使用 Pug/Jade 显示外部 JSON？
【发布时间】：2018-05-10 17:41:18
【问题描述】：

我试图弄清楚如何使用 pug 来遍历通过 API 的 GET 请求检索到的 JSON 对象。谁能指出我的资源或提供发出 GET 请求然后遍历 Pug 模板中的对象的示例？我一直在寻找这方面的文档无济于事。

我知道如何在车把中做到这一点，但在 PUG/Jade 中可以吗？

任何帮助表示赞赏

【问题讨论】：

你是在浏览器里做的吗？
这是所有客户端代码。

标签： javascript jquery ajax handlebars.js pug

【解决方案1】：

我认为这就是你想要的，在 index.js 中：

    router.get('/', function(req, res, next) {
        var json =[{id:1,name:foo,},{id:2, name:foooo}]
        res.render('index',{title: 'title', json});
    });

    module.exports = router;

然后在您的 index.pug 中，您可以像这样遍历对象 json：

each elem,i in json
    p !{elem.id}-!{elem.name}

【讨论】：

你能告诉我在这种情况下router 是指什么吗？那是原生 javascript 吗？
第一部分，通常是您如何在 node-express 应用程序中发出 get 请求。第二部分是如何迭代传递的对象。在这种情况下 res.render('index', {title:'title', json}, title 和 json 是传递给 pug 文件索引的两个 vars。