Sommaire

Utiliser un helper de contexte

1. Déterminer le contexte

Dans cet exemple, nous allons aborder le helper with, qui permet d’afficher des données d’un contexte spécifié. Si nous reprenons nos données sources avec l’ajout des propriétaires, Proprietaire, nous pouvons voir que ceux-ci sont insérés en tant qu’objets dans le tableau de données chiens.

var chiensJSON = {"chiens":[ 
    {"Nom":"Raja","Couleur":"Brun","Race":"Labrador", 
         "Proprietaire": {"NomPro":"Durand","PrenomPro":"Paul"} 
    }, 
    {"Nom":"Lord","Couleur":"Beige","Race":"Beagle", 
         "Proprietaire": {"NomPro":"Leconte","PrenomPro":"Valérie"} 
    }, 
    {"Nom":"Yuky","Couleur":"Noir","Race":"Caniche", 
         "Proprietaire": {"NomPro":"Tralent","PrenomPro":"Julie"} 
    } 
]} ;

Si nous souhaitons afficher les données NomPro et PrenomPro avec cette syntaxe :

<script id="template" type="text/x-handlebars-template"> 
    {{#each chiens}} 
       ...