styret-JavaScript templating system

Starta din första Demo med styret så här:

det finns bara några steg som krävs för att få saker igång med styret. Först måste du skapa din mall i HTML-filen. Detta skapas i en standard <script> tag och är en kombination av HTML-och Styruttryck. Mallen kan ha vilket id du vill, men typen måste vara ”text / x-styret-Mall” annars kommer skripttaggen att återges som JavaScript.

HTML-kod blockera för ett exempel på en styrmall.

i det här exemplet har jag skapat mallen ”styr-demo” och lagt till några HTML och fyra Styruttryck.

lägg nu de nödvändiga JavaScript-kodblocken för att göra och lägga till mallhanterare för styret.

JavaScript-block för ett styr uppfyllt HTML

när mallen har hämtats, kan vi kompilera den med hjälp av Handlebars.compile() metod som returnerar en funktion. Denna funktion exekveras sedan genom att skicka sammanhanget som ett argument. När körningen är klar returnerar funktionen önskad HTML med alla variabler ersatta med motsvarande värden. Vid denna tidpunkt kan vi injicera HTML på vår webbsida.

utgång efter rendering mallar i HTML med styret:

resulterande utdata efter att ha kört koden och mallen

hoppas du läser och lär dig något nytt idag från den här artikeln.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *