Handlebars.js: Wie Zugriff auf den übergeordneten Index in jeweils verschachtelt?

Question

Wie Zugriff Eltern @ Index Wert in jeder Schleife?

folgendes versucht:

{{#each company}} 
{{#each employee}} 
    {{../@index}} // how to access company index here? 
{{/each}} 
{{/each}} 

Dies führt zu einem Fehler:

Expecting 'ID', got 'DATA'

Answer 1

Es ist ein Syntaxfehler in dem Beispiel. Die korrekte Syntax lautet {{@../index}}.

Wir suchen nach Möglichkeiten, wie wir die benutzerdefinierte Benennung dieser Parameter in zukünftigen Versionen der Sprache unterstützen können, so dass dies einfacher zu handhaben ist. https://github.com/wycats/handlebars.js/issues/907

Answer 2

Das ist für mich gearbeitet:

{{#each company}} 
{{setIndex @index}} 
{{#each employee}} 
    {{../index}} 
{{/each}} 
{{/each}} 

JS:

Handlebars.registerHelper('setIndex', function(value){ 
    this.index = Number(value + 1); //I needed human readable index, not zero based 
}); 

Stellen Sie sicher, dass das company Objekt keine index Eigenschaft hat.

Answer 3

Registe eine Helper-Methode:

Handlebars.registerHelper('eachWithIndex', function(cursor, options) { 
    var fn = options.fn, inverse = options.inverse; 
    var ret = ""; 
    var idx = -1; 
    //console.log(cursor); 
    cursor.forEach(function(item){ 
     idx++; 
     console.log(item.index); 
     item.index = idx; 
     ret+=fn(item); 
    }); 
    return ret; 
}); 

Lenker Vorlage:

{{#eachWithIndex outer}} 
    {{#each inner}} 
    {{../index}} // access outer index like this. I used hanlebars V1.3.0 
    {{index}} // access inner index 
    {{/each}} 
{{/eachWithIndex}} 

Answer 4

Antwort:{{@../index}}

Vom Handlebars docs (siehe unten 'jeder' Helfer Abschnitt):

„Nested each blockiert die interation Variablen über depted Pfade zugreifen Für den Zugriff auf die. B. {{@../index}} kann verwendet werden. "

HINWEIS: Ich benutze v1.3, so ist es mindestens so alt.

ERINNERUNG: Helfer sind Ihre letzte beste Option. 9/10 gibt es eine bessere Lösung.

Answer 5

Es scheint, als gäbe es eine neue Syntax in Ember v2.2.0. Ich habe alle Antworten hier versucht und sie haben nicht für mich gearbeitet.

Was ich herausgefunden habe, war die Benennung des Index der Elternschleife und des Index der Kindschleife.