javascript - 在 Handlebars.js 中查询 Block Helpers

Question

我在这样的模板中有一个产品块：

<script type="text/x-handlebars-template" id="tmpl-person">
    <div class="product">
       <!-- Product details here -->
    </div>
</script>

我想要做的是，如果从我作为数据获得的人数组中，每三个人之后，我想在其中插入一个名为的容器<div class="row-fluid"></div>和三个人。然后是一个行流体容器和三个人。我怎样才能使用助手来实现这一点？感谢帮助。

Answer 1

你可以使用这样的东西

Handlebars.registerHelper('each', function(context, block) {
  var ret = "";

  for(var i=0, j=context.length; i<j; i++) {
    ret = ret + "<li>" + block(context[i]) + "</li>";
  }

if( i % 3 == 0)
   ret = ret + <div class="row-fluid"></div>

  return ret;
});

您可以定义您的自定义迭代器，如下所示

<script type="text/x-handlebars-template" id="tmpl-person">
    {{#each productInfo}}
    <div class="product">
       <!-- Product details here -->
    </div>
    {{/each}}
</script>