How do I iterate over a JSON array using Jade and Node.js

问题

So I have this JSON array apiData being passed on to the view as data.

Backend

router.get('/', function(req, res) {
    var data = JSON.stringify(apiData);
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
    !{JSON.stringify(data)}

I am trying to cache !{JSON.stringify(data)} in a variable and iterate through it in the jade file. I am completely new to jade. How could I go about doing this?

回答1:

You have a few problems in your code, like not using the stringification you do server side at all.

But you don't even need JSON here. Simply pass the array and iterate on it :

Backend

router.get('/', function(req, res) {
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
        each thing in data
             p= thing

You'll find examples of iteration in the documentation

来源：https://stackoverflow.com/questions/28149573/how-do-i-iterate-over-a-json-array-using-jade-and-node-js