javascript - 这个 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。