Handlebars.js: Come accedere all'indice padre in nidificato ciascuno?

Question

Come accedere al valore genitore @index in ogni ciclo?

provato quanto segue:

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

Il risultato di un errore:

Expecting 'ID', got 'DATA'

Answer 1

C'è un errore di sintassi nell'esempio. La sintassi corretta è {{@../index}}.

Stiamo cercando modi in cui possiamo supportare la denominazione personalizzata di questi parametri nelle versioni future del linguaggio, quindi è più facile gestirli. https://github.com/wycats/handlebars.js/issues/907

Answer 2

Questo ha funzionato per me:

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

Accertati solo che l'oggetto company non abbia la proprietà index.

Answer 3

Registe un metodo Helper:

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

manubrio modello:

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

Answer 4

Risposta:{{@../index}}

Dal Handlebars docs (vedi fondo 'ogni' sezione aiutante):

"nidificati each blocchi possono accedere le variabili dell'interazione tramite percorsi depted Per accedere al. indice genitore, ad esempio, è possibile utilizzare {{@../index}}. "

NOTA: sto utilizzando la v1.3 quindi è almeno così vecchia.

PROMEMORIA: gli helper sono la tua ultima opzione migliore. 9/10 c'è una soluzione migliore.

Answer 5

Sembra che ci sia una nuova sintassi in Ember v2.2.0. Ho provato tutte le risposte qui e non hanno funzionato per me.

Quello che ho trovato ha funzionato era nominare l'indice del ciclo genitore e l'indice del ciclo figlio.

{{#each parents as |parent parentIndex|}} 
    {{parentIndex}} 
    {{#each children as |child childIndex|}} 
     {{parentIndex}} 
     {{childIndex}} 
    {{/each}} 
{{/each}}