javascript - 使用 handlebars.js 模板以数组中的最后一项为条件

Question

我将 handlebars.js 用于我的模板引擎，并且希望仅当它是模板配置对象中包含的数组中的最后一项时才显示条件段。

{
  columns: [{<obj>},{<obj>},{<obj>},{<obj>},{<obj>}]
}

我已经请了一个助手来做一些相等/大于/小于比较，并成功地通过这种方式识别了初始项，但没有运气访问我的目标数组的长度。

Handlebars.registerHelper('compare', function(lvalue, rvalue, options) {...})

"{{#each_with_index columns}}"+
"<div class='{{#equal index 0}} first{{/equal}}{{#equal index ../columns.length()}} last{{/equal}}'>"+
"</div>"+
"{{/each_with_index}}"

有谁知道捷径、不同的方法和一些 handlebars 优点，可以让我不必撕毁 handlebars.js 引擎来确定最佳路线？

Answer 1

自 Handlebars 1.1.0 起，first 和 last 已成为 each 助手的原生属性。看票#483 .

用法类似于Eberanov's辅助类:

{{#each foo}}
    <div class='{{#if @first}}first{{/if}}{{#if @last}} last{{/if}}'>{{@key}} - {{@index}}</div>
{{/each}}