如何在车把上访问父母的@last?

时间:2019-05-07 11:48:18

标签: handlebars.js

有了车把模板,您可以使用@last来获取#each中的最后一项,但是,我想知道父母的 {{1 }}:

这是我的模板(简体):

#each

显然{{#each property}} <li class="property">property-header</li> {{#each this.modules}} <li class="module">module-header</li> {{#each this.items}} <li class="{{if @last of property}}last{{/if}}">item</li> {{/each}} {{/each}} {{/each}} 不起作用,但这是我想要实现的目标。

这是生成的输出:

{{if @last of property}}

如果我能够将内容包装在span或div中,应该不难,但是用列表是不可能的。 CSS中也没有<!-- property --> <li>property-header</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <!-- TARGET THIS ONE <!-- property --> <li>property-header</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <!-- TARGET THIS ONE <!-- property --> <li>property-header</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <li>module-header</li> <li>item</li> <li>item</li> <li>item</li> <!-- TARGET THIS ONE 选择器,因此我也无法定位previous sibling之前的最后一项。

1 个答案:

答案 0 :(得分:0)

似乎您可以通过@last选择父母的@../last,所以:

<li class="{{#if @../last}}{{#if @last}}last{{/if}}{{/if}}">
    item
</li>