從節點中的api數組到pug中的列表顯示數據

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/",
   };
}());

顯示所有數據

基本上，我想顯示所有停車場的清單。 我只是在學習，所以我還是很新。 希望有任何形式的反饋，歡呼！

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都會保留對象。 因此，您可以使用park.name等在each循環內訪問對象的屬性。