Wie kann dieses Ejs in Jade aussehen?

Question

Ich lerne, wie man einfache CRUD Web-Anwendung erstellt und Anweisungen in ejs geschrieben wird. Allerdings beginne ich gerade Jade zu lernen und weiß nicht, wie ich diesen ejs-Code in Jade umwandeln kann.

<% layout('layout') -%> 

<h1 id="page-title"><%= title %></h1> 

<div id="list"> 
    <form action="/create" method="post" accept-charset="utf-8"> 
    <div class="item-new"> 
     <input class="input" type="text" name="content" /> 
    </div> 
    </form> 

<% todos.forEach(function (todo){ %> 
    <div class="item"> 
    <a class="update-link" href="/edit/<%= todo._id %>" title="Update this todo item"><%= todo.content %></a> 
    <a class="del-btn" href="/destroy/<%= todo._id %>" title="Delete this todo item">Delete</a> 
    </div> 
<% }); %> 
</div> 

und das ist, was ich getan habe,

extends layout 

h1#page-title= title 
#list 
    form(action="/create" method="post" accept-charset='utf-8') 
    .item-new 
     input(type='text' name='content') 

Answer 1

Sie wollen wissen, wie der zweiten Teil in Jade zu schreiben. Each ist eine der primären Methoden von Jade für die Iteration. Und Ihr Code könnte geschrieben werden etwas wie folgt aus:

each todo in todos 
    .item 
    a(class="update-link" href="/edit/"+todo._id title="Update this todo item")= todo.content 
    a(class="del-btn" href="/destroy/"+todo._id title="Delete this todo item") Delete 

Hier ist ein Link für Jaden Dokumentation über Iterationen: Jade Iterations.