什麼是這個ejs代碼的等效玉代碼？

Question

在ejs你可以做這樣的事情。

<ul id="photos" class="photos"> 
    <% req.photos.forEach(function(photo) { %> 
    <li style="background-image: url(<%= photo.picture %>>);" class="<%= photo.link %>"> 
     <a href="<%= photo.link %>>" target="_top"></a> 
    </li> 
    <% }); %> 
</ul> 

我想要做的就是這樣，但我不能得到它的工作。尤其令人困惑的是如何讓循環工作，以及如何逃避以及如何逃避它。

這段代碼在Jade中看起來像什麼？

Answer 1

應該是：

ul(id='photos',class='photos') 
    - req.photos.forEach(function(photo){ 
    li(style='background-image: url('+photo.picture+');', class=photo.link) 
     a(href=photo.link, target='_top') 
    - }) 

基本上你只需要逃避串內使用他們時，屬性

看到https://github.com/visionmedia/jade/#code & https://github.com/visionmedia/jade/#attributes獲取更多信息。