Come iterare sopra l'array nel modello del manubrio senza nome definito nel modello
-
12-12-2019 - |
Domanda
Ho il modello:
[
{
"ID": 5,
"email": "xx@vflbg.com"
},
{
"ID": 6495,
"email": "email@monkey.com"
}
]
.
Codice per Iterating in Manubrio:
{{#each xxx}}
<p>{{email}}</p>
{{/each}}
.
Come definisci xxx?
Se JSON aveva un nome in Modello come:
users: [
{
"ID": 5,
"email": "xx@vflbg.com"
},
{
"ID": 6495,
"email": "email@monkey.com"
}
]
.
I iterarei semplice nei manubri come:
{{#each users}}
<p>{{email}}</p>
{{/each}}
. Soluzione
Se hai questo:
var a = [
{
"ID": 5,
"email": "xx@vflbg.com"
},
{
"ID": 6495,
"email": "email@monkey.com"
}
];
.
Quindi fornire semplicemente il nome desiderato quando si chiama il modello compilato:
var t = Handlebars.compile($('#t').html());
var h = t({ users: a });
.
che ti lascerà con il tuo HTML desiderato in h
.
Demo: http://jsfiddle.net/ambliging/zgvjz/
Se hai una raccolta costruita dai dati:
var c = new C(a);
.
Allora chiamare il modello come questo:
var h = t({ users: c.toJSON() });
.
Altri suggerimenti
Anche questo funziona:
{{#each this}}
<p>{{email}}</p>
{{/each}}
. Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow