每个车把都来自自定义起点

Question

说我有对象，

      {
        "empID": "1002729041",
        "empName": "ABHIJIT AUDHYA"
      },
      {
        "empID": "1004563331",
        "empName": "ABDUL MULLA"
      },
      {
        "empID": "1004703190",
        "empName": "ABDUL RAZIC"
      },
      {
        "empID": "1004912437",
        "empName": "ABDUL HAFEEZ"
      }

我可以使用车把循环遍历整个对象，

{{#each myObj}}
  <li>{{empName}}</li>
{{/each}}

说，我想从第3个对象开始，忽略第1个和第2个。有没有一种简单的方法可以实现这一目标？

Answer 1

不，你需要一个帮手： Logical operator in a handlebars.js {{#if}} conditional

所以你可以做类似 if index > 2 then show content 的事情。

如果我可能会问：为什么不在调用模板之前删除实际 javascript 中的前两个（或者就此而言：任何不需要的元素）？

编辑：给你...

Handlebars.registerHelper('eachFrom', function(context, count, options) {
    var ret = "";
    
    context.slice(count).forEach(function(elem) {
        ret += options.fn(elem);
    });
    
    return ret;
});

var context = {
    myObj: [{
        "empID": "1002729041",
            "empName": "ABHIJIT AUDHYA"
    }, {
        "empID": "1004563331",
            "empName": "ABDUL MULLA"
    }, {
        "empID": "1004703190",
            "empName": "ABDUL RAZIC"
    }, {
        "empID": "1004912437",
            "empName": "ABDUL HAFEEZ"
    }]
};

var source = $("#entry-template").html();
var template = Handlebars.compile(source);
$("#container").append(template(context));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/handlebarsjs/3.0.3/handlebars.min.js"></script>

<script id="entry-template" type="text/x-handlebars-template">
    <ul>
        {{#eachFrom myObj 3}}
          <li>{{empName}}</li>
        {{/eachFrom}}
    </ul>
</script>
<div id="container"></div>

每个车把都来自自定义起点

Handlebars each from a custom start point

javascript

each

jquery

loops

handlebars.js