什么'这是这个ejs代码的等价jade代码

What's the equivalent jade code for this ejs code?

本文关键字:代码 jade ejs 什么      更新时间:2023-11-22

在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中会是什么样子?

应为:

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