comment afficher un objet json clé et la valeur à l'aide de guidon modèle?

J'ai commencé à apprendre handlebar.js . J'ai du mal à afficher les données json .

Mon json ressembler à ceci:

 var data={
          "record1":
          [
             {
               "first":
                      [
                       {
                         "name":"john",
                         "city":"newyork"  
                       },
                       {
                         "name":"britto",
                         "city":"bangalore"  
                       }
                      ]
             },
            {"second":
                 [
                  {
                    "name":"franklin",
                    "city":"newyork"  
                  },
                  {
                    "name":"leo",
                    "city":"bangalore"  
                  }
                ]
            }
        ]
    };

ici json est à venir à partir de la réponse du serveur, donc je ne connais pas la clé et la valeur. Je dois montrer une clé et une valeur dynamiquement en utilisant le guidon ...j'ai essayé avec eachKey mais je n'ai pas de solution pour cela . Quelqu'un peut-il m'aider?

OriginalL'auteur silvesterprabu | 2014-01-30

  1. 27

    Vous pouvez rendre les clés/valeurs d'une liste dans un Guidon modèle comme celui-ci:

    {{#each object}}
  {{@key}}: {{this}}
{{/each}}
    j'ai essayé avec la liste mais qui se montrent du projet, mais la valeur est l'objet
    Vous devez explorer la structure des données un peu, voir ce violon pour un exemple avec vos données.
    J'ai trouver le moyen de la clé d'accès et trouve cette question. Mais certains de mes données json est un tableau. Donc @key ne fonctionnera jamais, utiliser @index à la place. C'est pour ceux qui sont à la recherche de la clé d'accès dans la gamme. Merci @tobi.
    Je ne vois pas pourquoi @value n'est pas par défaut, mais this œuvres. Merci pour le partage!

    OriginalL'auteur tobi

  2. 2

    D'abord vous remercier tobi cela n'a donné lieu à ce que j'avais besoin d'obtenir la clé.

    Dans le cas où il n'était pas clair pour l'OP "ce" fait référence à l'objet en cours de cette itération.

    Si dans votre cas, les données de l'objet a la matrice de record1 avec 2 objets qui sont des tableaux d'objets: le premier et le deuxième.

    À l'aide de chaque:

    {{#each record1}}
    {{@key}}: {{this}}
{{/each}}

    vous donnerait:
    première: (object, array)
    le second: (object, array)

    Vous serez en boucle sur l'objet (de données). Dans ce si vous voulais creuser vers le bas vous auriez besoin d'un compteur pour obtenir n'importe où autres. Je vous conseille d'utiliser un guidon bloc de l'aide pour y arriver.

    Voici la documentation: http://handlebarsjs.com/block_helpers.html

    OriginalL'auteur nerdlyist

  3. 2

    Pour les objets:

    {{#each myObject}}
    Key: {{@key}} Value = {{this}} //renders object like {key: value}
{{/each}}

    Noter que seules les propriétés passage de la hasOwnProperty test seront énumérés.

    Pour les tableaux:

    {{#each myArray}}
    Index: {{@index}} Value = {{this}}
{{/each}}

    OriginalL'auteur developer