HandleBars 限制 {{#each arr}}

Question

我在 BigCommerce Stencil 中使用 Handlebars，我想知道我是否可以限制 {{ #each arr }} 循环生成的项目。

    {{#each categories}}
        <li class="navPages-item category-{{name}} category-{{id}}">
            <a class="navPages-action" href="{{url}}">{{name}}</a>
        </li>
    {{/each}}

那是我的代码。我可以看到这样的解决方案：limit results of each in handlebars.js 但我不知道我是否可以在 Stencil

中以某种方式使用注册助手

正在寻找类似 {{#each categories limit:10}}

的内容

Answer 1

您可以在 {{#each}} 中嵌套另一个块助手以按索引限制数组。例如，如果您想要 return 前 4 个类别：

{{#each categories}}
    {{#if @index '<' 4}}
        <li class="navPages-item category-{{name}} category-{{id}}">
            <a class="navPages-action" href="{{url}}">{{name}}</a>
        </li>
    {{/if}}
{{/each}}

Answer 2

我刚刚测试了它，它在 Iterable 中有效：

{{#each categories}}
    {{#lt @index 4}}
        <li class="navPages-item category-{{name}} category-{{id}}">
            <a class="navPages-action" href="{{url}}">{{name}}</a>
        </li>
    {{/lt}}
{{/each}}

HandleBars 限制 {{#each arr}}

HandleBars limit {{#each arr}}

handlebars.js

bigcommerce