把手限制{{#each arr}}

Question

我正在使用BigCommerce Stencil中的把手，我想知道是否可以限制{{ #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}}内嵌套另一个块帮助器，以按索引限制数组。例如，如果您想返回前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}}