Starten Sie Ihre erste Demo mit Handlebars wie folgt:
Es sind nur wenige Schritte erforderlich, um die Dinge mit Handlebars zum Laufen zu bringen. Zuerst müssen Sie Ihre Vorlage in der HTML-Datei erstellen. Dies wird in einem Standard-< -Skript> -Tag erstellt und ist eine Kombination aus HTML- und CSS-Ausdrücken. Die Vorlage kann eine beliebige ID haben, aber der Typ muss „text / x-handlebars-template“ sein, andernfalls wird das Skript-Tag als JavaScript gerendert.
In diesem Beispiel habe ich die Vorlage „handlebars-demo“ erstellt und einige HTML- und vier Lenkerausdrücke hinzugefügt.
Fügen Sie nun die erforderlichen JavaScript-Codeblöcke ein, um den Template-Handler für Lenker zu rendern und anzuhängen.
Nachdem die Vorlage abgerufen wurde, können wir sie mit der Handlebars.compile() -Methode kompilieren, die eine Funktion zurückgibt. Diese Funktion wird dann ausgeführt, indem der Kontext als Argument übergeben wird. Wenn die Ausführung abgeschlossen ist, gibt die Funktion den gewünschten HTML-Code zurück, wobei alle Variablen durch ihre entsprechenden Werte ersetzt werden. An dieser Stelle können wir den HTML-Code in unsere Webseite einfügen.
Ausgabe nach dem Rendern von Vorlagen in HTML mithilfe von Lenkern:
Ich hoffe, Sie lesen und lernen heute etwas Neues aus diesem Artikel.