Rozważ następujące uproszczone dane:
var viewData = {
itemSize: 20,
items: [
'Zimbabwe', 'dog', 'falafel'
]
};
I szablon kierownicy:
{{#each items}}
<div style="font-size:{{itemSize}}px">{{this}}</div>
{{/each}}
To nie zadziała, ponieważ w each
pętli zakres nadrzędny nie jest dostępny - przynajmniej w żaden sposób, który próbowałem. Mam jednak nadzieję, że jest na to sposób!
javascript
handlebars.js
Drew Noakes
źródło
źródło
Nowa metoda używa notacji kropkowej, notacja ukośnika jest przestarzała ( http://handlebarsjs.com/expressions.html ).
Tak więc faktyczna metoda dostępu do elementów nadrzędnych jest następująca:
W twoim konkretnym przykładzie użyłbyś:
Inną metodą z oficjalnej dokumentacji ( http://handlebarsjs.com/builtin_helpers.html ) jest użycie aliasu
źródło