Wie bekomme ich einen Index im Lenker für jeden Helfer?

Ich verwende Lenker für Vorlagen in meinem Projekt. Gibt es eine Möglichkeit, den Index der aktuellen Iteration eines "jeden" Helfers im Lenker abzurufen?

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

In den neueren Versionen von Handlebars wird der Index (oder der Schlüssel bei Objektiteration) standardmäßig mit dem Standard für jeden Helfer bereitgestellt.

Ausschnitt aus: https://github.com/wycats/handlebars.js/issues/250#issuecomment-9514811

Der Index des aktuellen Array-Elements ist seit einiger Zeit über @index verfügbar:

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

Verwenden Sie für die Objektiteration stattdessen @key:

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

Dies hat sich in den neueren Versionen von Ember geändert.

Für Arrays:

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

Es sieht so aus, als ob der Block #each bei Objekten nicht mehr funktioniert. Mein Vorschlag ist, Ihre eigene Hilfsfunktion dafür zu rollen.

Danke für diesen Tipp .

Ich weiß, das ist zu spät. Aber ich habe dieses Problem mit folgendem Code gelöst:

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

Wenn Sie Ihren Index mit 1 beginnen möchten, sollten Sie folgenden Code ausführen:

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

Vielen Dank.

Ab Lenkerversion 3.0

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

In diesem speziellen Beispiel hat der Benutzer denselben Wert wie der aktuelle Kontext und die Benutzer-ID den Indexwert für die Iteration. Weitere Informationen finden Sie unter http://handlebarsjs.com/block_helpers.html im Abschnitt Blockhelfer

Arrays:

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

Wenn Sie Arrays von Objekten haben ... können Sie die untergeordneten Elemente durchlaufen:

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

Objekte:

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

Wenn Sie verschachtelte Objekte haben, können Sie mit auf das keyübergeordnete Objekt zugreifen{{@../key}}

Ab Lenkerversion 4.0

{{#list array}}
  {{@index}} 
{{/list}}