代码之家  ›  专栏  ›  技术社区  ›  zeldakiller

将节点中api数组中的数据显示到pug中的列表中

  •  0
  • zeldakiller  · 技术社区  · 7 年前

    我想将api中的数据显示到我的pug页面 例如显示停车场名称

    指数js如下

    var request     = require('request');
    var express     = require('express');
    var app         = express();
    var endpoints   = require("./endpoints")
    
    app.set('view engine', 'pug');
    
    app.get('/', function (req, res){ 
    request.get('http://data.corkcity.ie/api/action/datastore_search?resource_id=6cc1028e-7388-4bc5-95b7-667a59aa76dc', 
    function(error, response, body){
        var carPark = JSON.parse(body);
        var carParkAll = carPark.result.records;
    res.render('home', { parking: body});
       });
    });
    
    app.listen(3000, function(){
       console.log('3000');
    })
    

    家帕格犬

    doctype html
    html
        body
            p #{parking}
    

    端点。js公司

    (function (){
    'use strict';
    
    module.exports = {
       parking:  "http://localhost:3000/",
       };
    }());
    

    其中显示 all of the data

    我喜欢任何形式的反馈,干杯!

    1 回复  |  直到 7 年前
        1
  •  0
  •   Reza Karami    7 年前

    您想要的是使用帕格的一个迭代选项对项目进行迭代: https://pugjs.org/language/iteration.html

    ul
      each park in parking
        li= park
    

    这同样适用于更复杂的对象:

      each park in parking
        div.park_item
           p park.name
           p park.spaces
           p park.price
    

    这个 each 关键字是帕格在数组上迭代的方式,其中 park 将在每次循环期间保持对象。因此,您可以在 每个 循环使用 park.name