Search code examples
javascriptember.jshandlebars.js

Accessing Index in #each in emberjs


Please check out the code attached:

http://jsbin.com/atuBaXE/2/

I am trying to access the index using {{@index}} but it seems not to be compiling. I think handlebars supports that:

{{#each item in model}}
  {{@index}} 
  {{item}}
{{/each}}

It is not working for me. I can't figure out if the {{@index}} is supported or not.

I am using:

  • Ember.VERSION : 1.0.0
  • Handlebars.VERSION : 1.0.0

Solution

  • UPDATE

    Since this PR, it's now possible to use the each helper with index, taking advance of the new block params syntax. This is available on canary and hopefully will be enabled by default in ember 1.11

    {{#each model as |item index|}}
      <li>
        Index: {{index}} Content: {{item}}
      </li>
    {{/each}}
    

    Live sample

    FOR OLD VERSIONS

    You can use {{_view.contentIndex}}.

    {{#each item in model}}
      <li>
        Index: {{_view.contentIndex}} Content: {{item}}
      </li>
    {{/each}}
    

    Live sample