How to get index in Handlebars each helper

Question

I m using Handlebars for templating in my project  Is there a way to get the index of the current iteration of an  each  helper in Handlebars    lt tbody gt          each item             lt tr gt               lt td gt  lt  --HOW TO GET ARRAY INDEX HERE -- gt  lt  td gt               lt td gt   this key   lt  td gt               lt td gt   this value   lt  td gt            lt  tr gt          each    lt  tbody gt

User · Answer

In handlebar version 4 0 onwards      list array        index       list

User · Answer

In the newer versions of Handlebars index  or key in the case of object iteration  is provided by default with the standard each helper      snippet from   https   github com wycats handlebars js issues 250 issuecomment-9514811  The index of the current array item has been available for some time now via  index      each array          index      this      each     For object iteration  use  key instead      each object          key      this      each

User · Answer

Using loop in hbs little bit complex  lt tbody gt          each item             lt tr gt               lt td gt  lt  --HOW TO GET ARRAY INDEX HERE -- gt  lt  td gt               lt td gt    index   lt  td gt               lt td gt   this   lt  td gt            lt  tr gt          each    lt  tbody gt   Learn more

User · Answer

Arrays      each array          index      this      each     If you have arrays of objects    you can iterate through the children      each array         each this     key  value  key  value              each this             each key  key and value this of child object             key      this             Or get index number of parent array looping               index          each      each     Objects      each object          key      this      each      If you have nested objects you can access the key of parent object with        key

User · Answer

This has changed in the newer versions of Ember   For arrays      each array          view contentIndex      this      each     It looks like the  each block no longer works on objects  My suggestion is to roll your own helper function for it   Thanks for this tip

User · Answer

I know this is too late  But i solved this issue with following Code   Java Script   Handlebars registerHelper  eachData   function context  options          var fn   options fn  inverse   options inverse  ctx        var ret              if context  amp  amp  context length  gt  0            for var i 0  j context length  i lt j  i                ctx   Object create context i              ctx index   i            ret   ret   fn ctx                     else           ret   inverse this                 return ret         HTML      eachData items      index      You got here start with 0 index    eachData     if you want start your index with 1 you should do following code   Javascript   Handlebars registerHelper  eachData   function context  options          var fn   options fn  inverse   options inverse  ctx        var ret              if context  amp  amp  context length  gt  0            for var i 0  j context length  i lt j  i                ctx   Object create context i              ctx index   i            ret   ret   fn ctx                     else           ret   inverse this                 return ret            Handlebars registerHelper  math   function lvalue  operator  rvalue  options        lvalue   parseFloat lvalue       rvalue   parseFloat rvalue        return                lvalue   rvalue       operator         HTML      eachData items          math index     1      You got here start with 1 index     eachData     Thanks

User · Answer

In handlebar version 3 0 onwards      each users as  user userId      Id    userId   Name    user name      each     In this particular example  user will have the same value as the current context and userId will have the index value for the iteration  Refer - http   handlebarsjs com block helpers html in block helpers section

[javascript] How to get index in Handlebars each helper?

Examples related to javascript

Examples related to handlebars.js