Cet article décrit brièvement la syntaxe de base de JSRender pour l'objet. Partagez-le pour votre référence. Les détails sont les suivants:
En tant que moteur de modèle JavaScript, JSRender est essentiel pour avoir une fonction de boucle, c'est-à-dire pour. Cependant, parce que JSRender est trop flexible, car peut réellement accepter l'objet comme un objet de boucle.
{{Pour Array}} et {{pour objet}} sont autorisés. Tout le monde peut comprendre {{pour Array}}, qui est de traverser un tableau et de retirer chaque élément un par un. Mais {{pour Object}} est un peu incroyable, et la documentation officielle donne juste un exemple qui n'est pas utile, sans aucune explication.
Au début, Xiaocai pensait que le but de {{pour objet}} était de traverser toutes les propriétés de l'objet, mais si vous y pensez attentivement, cette fonction {{objet props}} a été implémenté. La fonction de la balise d'accessoires est de traverser toutes les propriétés de l'objet. Le nombre de propriétés existe, le nombre de fois sera bouclé. Chaque boucle aura deux propriétés cachées: la clé, le prop, la clé représente le nom d'attribut, et Prop représente la valeur d'attribut, qui est très pratique à utiliser.
En fait, {{pour Object}} n'est pas une boucle, il peut être compris comme entrant (dans), c'est-à-dire entrant dans l'environnement de l'objet et définissant le contexte actuel sur objet, similaire à celui avec dans les guichets.js.
Par exemple:
données:
Copiez le code comme suit: {
"Titre": "L'équipe A",
"membres": [
{
"Nom": "Pete",
"ville": "membres_city",
"adresse": {
"City": "Address_City",
"City1": "Adresse_City1",
"City2": "Adresse_City2"
}
}
]]
}
Marquage du modèle:
Copiez le code comme suit: {{pour les membres}}
{{pour l'adresse}}
<p>. {{: ville}} </p>
{{/pour}}
{{/pour}}
résultat:
La copie de code est la suivante: Adresse_City
D'après les résultats, nous pouvons voir que bien que l'article des membres ait également un attribut de ville, car ils entrent l'objet pointé par l'adresse via {{pour l'adresse}}, {{: ville}} est directement obtenu à partir de l'adresse.
Dans le même temps, l'adresse a trois propriétés, mais une seule ligne est sortie en conséquence, prouvant que {{pour objet}} ne boucle pas, il suffit de le basculer.
J'espère que cet article sera utile à l'apprentissage de la programmation JSRender de tous.