2016-04-09 15 views
1

Basit CRUD web uygulamasının nasıl oluşturulduğunu öğreniyorum ve ejs'de talimatlar yazılıyor. Ancak, ben sadece yeşim öğrenmeye başlıyorum ve bu ejs kodunu yeşile nasıl dönüştürebileceğimi bilmiyorum.Bu ejs yeşim içinde nasıl görünebilir?

extends layout 

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

cevap

2

<% 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> 

ve bu yaptığım şeydir, Yani yeşim o ikinci bölümünü yazmaya nasıl bilmek istiyorum. Each, Jades'in yineleme için birincil yöntemlerinden biridir. Böyle Ve kod yazılabilir bir şey: Jade Iterations.

+0

Ben belgeleri kontrol: Burada

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 

tekrarlamalar hakkında jades belgeleri için bir bağlantıdır. Daha iyi örnekle daha iyi anlayabiliyorum. İçimde sıkışmıştım ama şimdi daha ileri gidebilirim. Bunu takdir ediyorum – jaykodeveloper