HbsからJade、Expressフレームワークに変換

Question

私はエクスプレスHbsエンジン用にこれを書いていましたが、それをJadeに変換したいと思います。このコードは私の作品の別のものを扱っていましたが、私はそれを玉の中に入れておく必要があります。ハンドラバーに問題があります。ここで

{{# each products}} 
 
    <div class="row"> 
 
     {{#each this}} 
 
      <div class="col-sm-6 col-md-4"> 
 
       <div class="thumbnail"> 
 
        <img src="{{this.imagePath}}" title="ImagePreview" alt="My shopping car"> 
 
        <div class="caption"> 
 
         <h3>{{this.title}}</h3> 
 
         <p>{{this.description}}</p> 
 
         <div class="clearfix"> 
 
          <div class="price pull-left">{{this.price}}</div> 
 
          <a href="#" class="btn btn-success pull-right" role="button">Add to car</a> 
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     {{/each}} 
 
    </div> 
 
{{/each}}

Answer 1

パグ2構文は次のとおりです。

each productRow in products 
    .row: each product in productRow 
    .col-sm-6.col-md-4: .thumbnail 
     img(src=product.imagePath title="ImagePreview" alt="My shopping car") 
     .caption 
     h3=product.title 
     p=product.description 
     .clearfix 
      .price.pull-left=product.price 
      a(href="#" class="btn btn-success pull-right" role="button") Add to car 

が古いパグバージョンの属性間のそれぞれの前に-と,を追加します。