pug
Iteration med mops

Introduktion

Anmärkningar

Varje iteration

Bygg en app.js med en enkel datalager :

app.get("/bookstore", function (req, res, next) {
    // Your route data
   var bookStore = [
        {
            title: "Templating with Pug",
            author: "Winston Smith",
            pages: 143,
            year: 2017        
        },
        {
            title: "Node.js will help",
            author: "Guy Fake",
            pages: 879,
            year: 2015        
        }
    ];
    res.render("index", {
        bookStore: bookStore
    });
});

Iterera över datalagret med en index.pug fil och varje slinga:

each book in bookStore
  ul
    li= book.title
    li= book.author
    li= book.pages
    li= book.year

Resultatet blir:

<ul>
  <li>Templating with Pug</li>
  <li>Winston Smith</li>
  <li>143</li>
  <li>2017</li>
</ul>
<ul>
  <li>Node.js will help</li>
  <li>Guy Fake</li>
  <li>879</li>
  <li>2015</li>
</ul>

Referens