Handlebars-The JavaScript templating system

Start uw eerste Demo met stuur als volgt:

Er zijn slechts een paar stappen nodig om dingen aan de gang te krijgen met stuur. Eerst moet u uw sjabloon in het HTML-bestand maken. Dit is gemaakt in een standaard <script> tag en is een combinatie van HTML en Stuuruitdrukkingen. Het sjabloon kan elke gewenste id hebben, maar het type moet “text/x-handlebars-template” zijn, anders wordt de scripttag weergegeven als JavaScript.

HTML-codeblok voor een voorbeeld van een stuur sjabloon.

in dit voorbeeld heb ik de ‘handlebars-demo’ template aangemaakt en wat HTML en een vier stuur expressies toegevoegd.

plaats nu de benodigde Javascript-codeblokken voor het renderen en toevoegen van templating handler voor Stuur.

JavaScript geblokkeerd voor een Stuur voldaan HTML

Nadat de sjabloon is opgehaald, kunnen we compileren met behulp van de Handlebars.compile() methode die als resultaat een functie. Deze functie wordt dan uitgevoerd door de context als argument door te geven. Wanneer de uitvoering is voltooid, geeft de functie de gewenste HTML terug met alle variabelen vervangen door hun overeenkomstige waarden. Op dit moment kunnen we de HTML in onze webpagina injecteren.

de Output na het renderen van templates in HTML met behulp van het Stuur:

resultaat na het uitvoeren van de code en sjabloon

Hoop dat je het leest en iets nieuws leren vandaag van dit artikel.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *