Comment effectuer une itération sur tableau d'objets dans le Guidon?
Cela peut sembler une question stupide, mais je n'arrive pas à trouver la réponse nulle part.
Je suis de frapper cette Api Web qui retourne un tableau d'objets au format JSON:
Guidon docs montre l'exemple suivant:
<ul class="people_list">
{{#each people}}
<li>{{this}}</li>
{{/each}}
</ul>
dans le contexte de l':
{
people: [
"Yehuda Katz",
"Alan Johnson",
"Charles Jolley"
]
}
Dans mon cas, je n'ai pas de nom pour le tableau, c'est juste de l'objet racine de la réponse. J'ai essayé d'utiliser {{#each}}
avec pas de chance.
Première fois à l'aide de Guidon... ce qui me manque?
Mise à JOUR
Voici simplifié de violon pour montrer ce que je demande: http://jsfiddle.net/KPCh4/2/
Ne guidon exiger la variable de contexte à un objet et non pas un tableau?
- Comment transmettez-vous les résultats d'api pour le modèle (pour l'instant) ?
- l'API n'est pas le mien, je n'ai aucun contrôle sur elle. Je suis juste à l'aide de jQuery ajax et l'obtention de la réponse de l'objet, qui est un tableau d'objets.
InformationsquelleAutor emzero | 2014-03-27
Vous devez vous connecter pour publier un commentaire.
Vous pouvez passer
this
à chaque bloc. Voir ici: http://jsfiddle.net/yR7TZ/1/{{#each people}}
à l'intérieur de la boucle interne{{#each this}}
? Comme{{people@index}}
Ce violon a la fois
each
direct et json. http://jsfiddle.net/streethawk707/a9ssja22/.Ci-dessous sont les deux façons de parcourir le tableau. L'un est direct avec le json en passant et un autre est en nommant le tableau json en passant de contenu titulaire.
Eg1: L'exemple ci-dessous est directement appel json clés (données) à l'intérieur de small_data variable.
En html, utiliser le code ci-dessous:
Ci-dessous peut être placé dans l'en-tête ou le corps de html:
Ci-dessous est un document prêt:
Ci-dessous est au format json:
Enfin joindre le json de contenu titulaire:
Eg2: Itération à l'aide de chacun.
Envisager de le ci-dessous json.
En passant le json de contenu titulaire nom dans cette voie:
Et le modèle ressemble :
J'ai voulu dire dans le
template()
appel..Vous avez juste besoin de transmettre les résultats comme un objet. Donc, au lieu de l'appeler
ne
et l'utilisation
{{#each apidata}}
dans votre modèle de code desdémo à http://jsfiddle.net/KPCh4/4/
(supprimé quelques restes de
if
code qui s'est écrasé){{#each this}}
est la forme correcte.Guidon peut utiliser un tableau, selon le contexte. Vous pouvez utiliser
.
comme la racine de données. Ainsi, vous pouvez faire une boucle par le biais de votre tableau de données avec{{#each .}}
.JS:
CSS:
HTML:
À l'aide de
this
et{{this}}
. Voir code ci-dessous dans node.js:Journal de la Console de sortie: