在Handlebars.js中查詢塊幫助器

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>