Question: How to create a custom helper with access to @index

Hi, I want to create a range helper such that I can do the following

{{#range 1 10}}
    <h1>{{@index}}</h1>
{{/range}}

but I can’t figure out how you create a custom helper with access to the @index parameter, can anyone point me in the right direction?

[Thanood]

It’s shown as a helper example here: http://handlebarsjs.com/block_helpers.html (section “Hash Arguments”), last example.

{{#list array}}
  {{@index}}. {{title}}
{{/list}}
Handlebars.registerHelper('list', function(context, options) {
  var out = "<ul>", data;

  if (options.data) {
    data = Handlebars.createFrame(options.data);
  }

  for (var i=0; i<context.length; i++) {
    if (data) {
      data.index = i;
    }

    out += "<li>" + options.fn(context[i], { data: data }) + "</li>";
  }

  out += "</ul>";
  return out;
});

[oformaniuk]

Hello @spc-89 . The functionality is going to become available in 2.0 version of the library. It’s going to be published once my fork would be merged to the trunk. Follow PRs to be updated.