有了车把模板,您可以使用@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
之前的最后一项。
答案 0 :(得分:0)
似乎您可以通过@last
选择父母的@../last
,所以:
<li class="{{#if @../last}}{{#if @last}}last{{/if}}{{/if}}">
item
</li>