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＆amp; https://github.com/visionmedia/jade/#attributes了解更多信息。

这个ejs代码的等效jade代码是什么？

1 个答案: