Hbs转换为Jade，Express框架

Question

我是为快速Hbs引擎编写的，但我想把它转换为Jade。这段代码适用于我的另一部作品，但我需要在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

这是pug 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

在每个属性之前添加-，在旧的哈巴狗版本的属性之间添加,。