Question

我想将数据从api显示到我的哈巴狗页面例如显示停车场名称

下面的Index.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');
})

home.pug

doctype html
html
    body
        p #{parking}

endpoints.js

(function (){
'use strict';

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

显示哪个 all of the data

基本上我想显示所有停车场的清单。我只是在学习这个，所以我仍然非常新。会喜欢任何形式的反馈，欢呼！

Answer 1

你想要的是使用一个pug的迭代选项迭代项目：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关键字是pug迭代数组的方式，其中park将在每个循环中保存对象。因此，您可以使用each等访问park.name循环内的对象属性。

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

1 个答案: