这个 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 了解更多信息。