0

我使用 Handlebars.js 作为 js 模板。而且我需要遍历数组，但直到数组完成，但少于特定次数。

所以假设我有以下 JSON：

{
    "obj":
        [
            {"user": "Fred", "age": "23", "type": "personal"},
            {"user": "Ralph", "age": "32", "type": "business"},
            {"user": "John", "age": "44", "type": "other"},
            {"user": "Alex", "age": "44", "type": "other"},
            {"user": "Stan", "age": "6", "type": "other"},
            {"user": "Cartman", "age": "5", "type": "other"},
            {"user": "Kennie", "age": "6", "type": "other"}
        ]
}

但我只需要输出前 4 个用户，所以 Stan、Cartman 和 Kennie 不会出现。如果我需要迭代所有内容，我会使用这样的东西：

<ul>
    {{#each obj}}
    <li>
        <div>{{this.user}}</div>
        <div>{{this.age}}</div>
        <div>{{this.type}}</div>
    </li>
    {{/each}}
</ul>

我该如何修改它？

问题 2：目前我使用 obj 只是因为我无法弄清楚如何迭代仅由数组组成的 JSON：

        [
            {"user": "Fred", "age": "23", "type": "personal"},
            {"user": "Ralph", "age": "32", "type": "business"}
        ]

如何在没有那个讨厌的 obj 的情况下更改我的模板以进行迭代？

4

1 回答 1

0

好的，我想出了解决问题2的方法：

使用this解决问题

<ul>
    {{#each this}}
    <li>
        <div>{{this.user}}</div>
        <div>{{this.age}}</div>
        <div>{{this.type}}</div>
    </li>
    {{/each}}
</ul>

至于第一个问题，显然没有办法用 handlebar.js 原生地做到这一点，所以我正在考虑如何为此编写自己的 Helper。

PS。感谢mu 太短，无法显示第一部分的答案： limit results of each in handlebars.js

于 2012-11-12T16:36:05.030 回答