Dieser Artikel beschreibt kurz die grundlegende Syntax von JSRender für Objekt. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Als JavaScript -Template -Engine ist JSRender für eine Schleifenfunktion, dh für. Da JSRender jedoch zu flexibel ist, kann das Objekt tatsächlich als Schleifenobjekt akzeptiert werden.
Sowohl {{für Array}} als auch {{für Objekt}} sind erlaubt. Jeder kann {{für Array}} verstehen, das ein Array durchqueren und jedes Element eins nach dem anderen herausnehmen soll. Aber {{für Objekt}} ist ein bisschen unglaublich, und die offizielle Dokumentation gibt nur ein Beispiel, das ohne Erläuterung nicht hilfreich ist.
Zunächst dachte Xiaocai, dass der Zweck von {{für Objekt}} darin bestand, alle Eigenschaften des Objekts zu durchqueren. Wenn Sie jedoch sorgfältig darüber nachdenken, wurde diese Funktion {{Props -Objekt}} implementiert. Die Funktion des Props -Tags besteht darin, alle Eigenschaften des Objekts zu durchqueren. Die Anzahl der Eigenschaften, die es gibt, wird die Anzahl der Male geschoben. Jede Schleife verfügt über zwei versteckte Eigenschaften: Schlüssel, Requisit, der Schlüssel repräsentiert den Attributnamen und Requisite repräsentiert den Attributwert, der sehr bequem zu verwenden ist.
Tatsächlich ist {{für Objekt}} keine Schleife, es kann als Eingabe (in) verstanden werden, dh die Eingabe der Objektumgebung und das Einstellen des aktuellen Kontextes in Objekt, ähnlich wie in den in den Lenker.
Zum Beispiel:
Daten:
Kopieren Sie den Code wie folgt: {
"Titel": "Das A -Team",
"Mitglieder": [
{
"Name": "Pete",
"Stadt": "Mitglieder_City",
"Adresse": {
"Stadt": "Adresse_City",
"City1": "adress_city1",
"City2": "adress_city2"
}
}
]
}
Vorlage Markup:
Kopieren Sie den Code wie folgt: {{für Mitglieder}}
{{für Adresse}}
<p>. {{: Stadt}} </p>
{{/für}}
{{/für}}
Ergebnis:
Die Codekopie lautet wie folgt: address_city
Aus den Ergebnissen können wir sehen, dass, obwohl das Element der Mitglieder auch ein Stadtattribut hat, da sie das Objekt eingeben, auf das die Adresse über {{für Adresse}} ist, {{: City}} direkt aus der Adresse erhalten wird.
Gleichzeitig hat die Adresse drei Eigenschaften, aber als Ergebnis wird nur eine Zeile ausgegeben, die beweist, dass {{für Objekt}} nicht schleifen, umzuschalten.
Ich hoffe, dieser Artikel wird für das JSRender -Programmierlernen aller hilfreich sein.