2017-03-03 32 views
0

使用handlebars生成css3幻燈片。把手獲得最後的物品索引

模板:

{{#slider}} 
    <ul> 
    {{#each images}} 
    <li><img src="{{url}}"" alt="{{caption}}" /></li> 
    {{/each}} 
    </ul> 

    {{#if infinity}} 
    <label class="goto-first" for="slides_1"></label> 

    {{#foreach images}} 
    <label class="goto-last" for="slides_{{#if @last}}{{@index}}{{/if}}"></label> 
    {{/each}} 

    {/if}} 
{{/slider}} 

比方說,我有4張圖片,第一是確定的,我不把它和最後一個需要觸摸來回報這個label.goto-last[for="slides_4]

試圖與foreach但我蓋特誤差修改。

infinity是滑塊選項false/true

任何ideeas?謝謝。

回答

1

如果你正在使用json'數組',如果當前索引等於數組長度,那麼它將是最後一個項目。

How to find Array length inside the Handlebar templates?

+0

謝謝。是的,我正在使用json數組和'images.length'這個竅門 – Adrian

+0

實際上這裏有一個問題..對於3張圖片我有@index返回0,1,2和images.length返回3.我怎樣才能得到2而不是3?像長度-1 – Adrian

+0

找到一個解決方案,使用Handlebars.registerHelper {「last images,function(array){return array.length-1;}); – Adrian