styr – JavaScript templating system

Start din første Demo med Styr som denne:

Der er kun få trin, der er nødvendige for at få tingene i gang med styret. Først skal du oprette din skabelon i HTML-filen. Dette er oprettet i en standard<script> tag og er en kombination af HTML og styr udtryk. Skabelonen kan have et hvilket som helst id, du ønsker, men typen skal være “tekst/styr-skabelon” ellers vil scriptmærket blive gengivet som JavaScript.

HTML-kode bloker for et eksempel på en styreskabelon.

i dette eksempel har jeg oprettet skabelonen ‘styr-demo’ og tilføjet nogle HTML og et fire Styrudtryk.

læg nu de nødvendige JavaScript-kodeblokke til at gengive og tilføje templating handler til styret.

JavaScript block for et styr overholdt HTML

når skabelonen er hentet, kan vi kompilere den ved hjælp af Handlebars.compile() metode, der returnerer en funktion. Denne funktion udføres derefter ved at overføre konteksten som et argument. Når udførelsen er afsluttet, returnerer funktionen den ønskede HTML med alle variabler erstattet af deres tilsvarende værdier. På dette tidspunkt kan vi injicere HTML i vores hjemmeside.

Output efter rendering af skabeloner til HTML ved hjælp af styr:

resulterende output efter at have kørt koden og skabelonen

håber du læser og lærer noget nyt i dag fra denne artikel.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *