Styret-JavaScript templating system

Start din Første Demo med Styret som dette:

Det er bare noen få skritt som er nødvendige for å få ting i gang med Styret. Først må du opprette malen i HTML-filen. Dette er opprettet i en standard <script> tag og er en kombinasjon AV HTML og Styreuttrykk. Malen kan ha hvilken som helst id du vil ha, men typen må være «text/x-handlebars-template» ellers vil skriptmerket bli gjengitt Som JavaScript.

HTML-kodeblokk for et eksempel på en styremal.

I dette eksemplet har jeg laget malen ‘handlebars-demo’ og lagt TIL NOEN HTML og fire Håndtak uttrykk.legg nå De nødvendige JavaScript-kodeblokkene for å gjengi og legge til templerende handler for Styret.

javascript blokk for et håndtak overholdt html

etter at malen er hentet, kan vi kompilere den ved å bruke Handlebars.compile()metode som returnerer en funksjon. Denne funksjonen utføres da ved å sende konteksten som et argument. Når utførelsen er fullført, returnerer funksjonen ønsket HTML med alle variablene erstattet av deres tilsvarende verdier. PÅ dette punktet kan VI injisere HTML i vår nettside.

Utdata etter gjengivelse maler I HTML Ved Hjelp Av Styret:

Resulterende Utgang Etter å ha kjørt koden og malen

håper du leser og lærer noe nytt i dag fra denne artikkelen.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *