Einführung in JsRender für Objektsyntax_Javascript-Kenntnisse-js-Tutorial-php.cn

Einführung in JsRender für Objektsyntax_Javascript-Kenntnisse

WBOY

Freigeben： 2016-05-16 16:32:37

Original

1200 Leute haben es durchsucht

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:

.{{:city}}

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.