handlebars.js - 仅显示前三个项目的 Handlebars

Question

我有一个广泛的新闻源 (JSON)，但我只需要在主页上向用户显示前三个新闻。有没有办法从第四个开始丢弃？比如:

{{#each news}}
  {{ if index <= 3 }}
    <h3>{{title}} - {{date}}</h3>
    <p>{{post}}</p>
  {{/if}}
{{/each}}

是否可以仅使用 Handlebars 或者我需要使用 Javascript？

Answer 1

我已经修改了您的 Handlebar 以支持您可以定义的范围。例如，您要显示 4 个项目，但要从第二个项目开始。给你:

/*
 * Item helper.
 *
 * @return n elements
 */
Handlebars.registerHelper('listItem', function (from, to, context, options){
    var item = "";
    for (var i = from, j = to; i < j; i++) {
        item = item + options.fn(context[i]);
    }
    return item;
});

然后像这样使用 Handlebars :

{{#listItem 2 6 articles}}
    {{> article }}
{{/listItem}}