Comment accéder à un élément de tableau d'accès par index dans le guidon ?

Question

J'essaie de spécifier l'index d'un élément dans un tableau dans un modèle de guidon :

{
  people: [
    {"name":"Yehuda Katz"},
    {"name":"Luke"},
    {"name":"Naomi"}
  ]
}

en utilisant ça :

<ul id="luke_should_be_here">
{{people[1].name}}
</ul>

Si ce qui précède n'est pas possible, comment pourrais-je écrire une aide qui pourrait accéder à un élément spécifique dans le tableau ?

Answer 1

Essayez ça :

<ul id="luke_should_be_here">
{{people.1.name}}
</ul>

Answer 2

Les suivantes, avec un point supplémentaire avant l'indice fonctionne comme prévu. Ici, les crochets sont facultatifs lorsque l'indice est suivi d'une autre propriété :

{{people.[1].name}}
{{people.1.name}}

Cependant, les crochets sont requis dans :

{{#with people.[1]}}
  {{name}}
{{/with}}

Dans ce dernier cas, il suffit d'utiliser le numéro d'index sans les crochets pour obtenir un résultat :

Error: Parse error on line ...:
...     {{#with people.1}}                
-----------------------^
Expecting 'ID', got 'INTEGER'

Soit dit en passant, les parenthèses sont (également) utilisées pour syntaxe segmentaire-littérale pour faire référence à des identifiants réels (et non à des numéros d'index) qui seraient autrement invalides. Plus de détails dans Qu'est-ce qu'un identifiant valide ?

(Testé avec Handlebars dans YUI).

Mise à jour 2.xx

Vous pouvez maintenant utiliser le get aide pour cela :

(get people index)

bien que si vous obtenez une erreur sur le fait que l'index doit être une chaîne, faites-le :

(get people (concat index ""))

Answer 3

{{#each array}}
  {{@index}}
{{/each}}

Answer 4

Si les fonctionnalités non documentées ne sont pas votre tasse de thé, vous pouvez faire de même ici :

Handlebars.registerHelper('index_of', function(context,ndx) {
  return context[ndx];
});

Ensuite, dans un modèle

{{#index_of this 1}}{{/index_of}}   

J'ai écrit ce qui précède avant de mettre la main sur

this.[0]

Je ne vois pas comment on pourrait aller trop loin avec les guidons sans écrire ses propres aides.

Answer 5

Veuillez essayer ceci, si vous voulez récupérer le premier/dernier.

{{#each list}}

    {{#if @first}}
        <div class="active">
    {{else}}
        <div>
    {{/if}}

{{/each}}

{{#each list}}

    {{#if @last}}
        <div class="last-element">
    {{else}}
        <div>
    {{/if}}

{{/each}}