0

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 ではどのように見えるでしょうか?

4

1 に答える 1

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を参照してください。

于 2012-07-17T20:19:10.053 に答える