¿Cómo obtener el índice en los manubrios de cada ayudante?

Question

Estoy usando manubrios para plantillas en mi proyecto. ¿Hay alguna manera de obtener el índice de la iteración actual de un "cada" ayudante en manubrios?

<tbody> 
    {{#each item}} 
     <tr> 
      <td><!--HOW TO GET ARRAY INDEX HERE?--></td> 
      <td>{{this.key}}</td> 
      <td>{{this.value}}</td> 
     </tr> 
    {{/each}} 
</tbody> 

Answer 1

En las nuevas versiones de índice Manillares (o la tecla en el caso de iteración objeto) se proporciona por defecto con el estándar cada ayudante.

---

fragmento de: https://github.com/wycats/handlebars.js/issues/250#issuecomment-9514811

El índice del elemento de la matriz actual ha estado disponible desde hace algún tiempo a través de @index:

{{#each array}} 
    {{@index}}: {{this}} 
{{/each}} 

para la iteración objeto, utilice @key lugar:

{{#each object}} 
    {{@key}}: {{this}} 
{{/each}} 

Answer 2

Esto ha cambiado en las versiones más nuevas de Ember.

Para las matrices:

{{#each array}} 
    {{_view.contentIndex}}: {{this}} 
{{/each}} 

Parece que el bloque #each ya no funciona en objetos. Mi sugerencia es rodar su propia función auxiliar para ello.

Gracias por este tip.

Answer 3

Sé que esto es demasiado tarde. Pero he resuelto este problema con el siguiente código:

Java Script:

Handlebars.registerHelper('eachData', function(context, options) { 
     var fn = options.fn, inverse = options.inverse, ctx; 
     var ret = ""; 

     if(context && context.length > 0) { 
     for(var i=0, j=context.length; i<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}} 

si desea iniciar su índice con 1 que debe hacer siguiente código:

Javascript:

Handlebars.registerHelper('eachData', function(context, options) { 
     var fn = options.fn, inverse = options.inverse, ctx; 
     var ret = ""; 

     if(context && context.length > 0) { 
     for(var i=0, j=context.length; i<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}} 

Gracias.

Answer 4

En manillar versión 3.0 en adelante,

{{#each users as |user userId|}} 
    Id: {{userId}} Name: {{user.name}} 
{{/each}} 

En este ejemplo particular, el usuario tendrá el mismo valor que el contexto actual y userId tendrá el valor de índice para la iteración. Consulte - http://handlebarsjs.com/block_helpers.html ayudantes en la sección de bloque

Answer 5

matrices:

{{#each array}} 
    {{@index}}: {{this}} 
{{/each}} 

Si tiene matrices de objetos ...Se puede recorrer a los niños:

{{#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}} 

Objetos:

{{#each object}} 
    {{@key}}: {{this}} 
{{/each}} 

objetos Si ha anidados se puede acceder al key del objeto padre con {{@../key}}