Question

人。我刚刚开始使用Handlebars，因此，我的问题可能看起来有点“不高兴”。我有一个二维数组（它是第一行中的数据）我应该循环并呈现信息。在正常情况下，这很简单。但是，尝试在第二个循环内创建路径路径时会出现问题。这个名字＆＃39; <p><a href="/polls/categories/{{name}}">{{title}}</a></p>中的<th scope="row">{{name}}</th>应该与{{#each data}} <tr> <th scope="row">{{name}}</th> <td> {{#each polls}} <p><a href="/polls/categories/{{name}}">{{title}}</a></p> {{/each}} </td> </tr> {{/each}}中的相同。如何转义嵌套数组（循环）以获取对应于＆＃39; name＆＃39;的值。来自父级的密钥数据，数组？

这是一段代码段

...,
category: 'Sports',
polls: [
    {
        title: 'Most hated team in the NBA',
        choices: ['Golden State Warriors', 'LA Lakers', 'Cleveland Cavaliers', 'New York Knicks', 'Boston Celtics'],
    },
    {
        title: 'Best (active) boxer pound for pound',
        choices: ['Roman Gonzalez', 'Terence Crawford', 'Andre Ward', 'Gennady Golovkin', 'Vasyl Lomachenko'],
    },
    {
        title: 'Greatest football (soccer) player of all time',
        choices: ['Lionel Messi', 'Diego Maradona', 'Johann Cruyff', 'Pele', 'Alfredo di Stefano'],
    }
],
...

这是数据数组的一部分，仅供参考。

bytes

Answer 1

Handlebars中有一个Vectors语法，允许您使用父上下文。使用你的../循环应该是：

polls

他们的official page中有一个使用相同语法的类似示例：

{{#each polls}}
<p><a href="/polls/categories/{{../name}}">{{title}}</a></p>
{{/each}}

如何使用Handlebars从多维数组渲染数据？

1 个答案: