Einführung in JsRender für Objektsyntax_Javascript-Kenntnisse

Dieser Artikel beschreibt kurz die grundlegende Syntax von JsRender für Objekte. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Als JavaScript-Vorlagen-Engine muss JsRender über eine Schleifenfunktion verfügen, da JsRender jedoch zu flexibel ist, um Objekte tatsächlich als Schleifenobjekte akzeptieren zu können.

{{for Array}} und {{for Object}} sind beide erlaubt. Jeder kann {{for Array}} verstehen, was darin besteht, ein Array zu durchlaufen und jedes Element einzeln herauszunehmen. Aber {{for Object}} ist etwas verwirrend und das offizielle Dokument enthält nur ein wenig hilfreiches Beispiel ohne weitere Erklärung.

Zuerst dachte Xiaocai, dass {{for Object}} alle Eigenschaften des Objekts durchlaufen sollte, aber nach sorgfältiger Überlegung wurde diese Funktion {{props Object}} implementiert. Die Funktion des props-Tags besteht darin, alle Eigenschaften des Objekts zu durchlaufen. Jede Schleife verfügt über zwei versteckte Attribute: key und prop. Key stellt den Attributwert dar. Dies ist sehr praktisch .

Eigentlich ist {{for Object}} keine Schleife. Es kann als Eingabe (Into) verstanden werden, was bedeutet, dass die Objektumgebung betreten und der aktuelle Kontext auf Objekt gesetzt wird, ähnlich wie bei Handlers.js.

Zum Beispiel:

Daten:

Code kopieren Der Code lautet wie folgt:

{
„title“: „Das A-Team“,
„Mitglieder“: [
          {
„Name“: „Pete“,
„city“: „members_city“,
„Adresse“: {
„city“: „address_city“,
„city1“: „address_city1“,
„city2“: „address_city2“
}
}
]
}

Vorlagen-Markup:

Code kopieren Der Code lautet wie folgt:

{{für Mitglieder}}
{{für Adresse}}

.{{:city}}

{{/für}}
{{/für}}

Ergebnis:

Code kopieren Der Code lautet wie folgt:

Adresse_Stadt

Aus den Ergebnissen ist ersichtlich, dass unter dem Mitgliedselement zwar auch ein Stadtattribut vorhanden ist, {{:city}} jedoch direkt von {{:city}} abgerufen wird, da es über {{for address}} in das Objekt eingeht, auf das die Adresse zeigt Adresse.

Gleichzeitig hat die Adresse drei Attribute, aber das Ergebnis gibt nur eine Zeile aus, was beweist, dass {{for Object}} keine Schleife durchführt, sondern dies nur umschaltet.

Ich hoffe, dass dieser Artikel jedem beim Erlernen der JsRender-Programmierung hilfreich sein wird.