începe primul Demo cu ghidon ca aceasta:
există doar câțiva pași necesari pentru a obține lucrurile în sus și să fie difuzate cu ghidon. În primul rând, trebuie să creați șablonul în fișierul HTML. Aceasta este creată într-o etichetă standard <script> și este o combinație de expresii HTML și ghidon. Șablonul poate avea orice id pe care doriți, dar tipul trebuie să fie „text/x-handlebars-template” altfel tag-ul script-ul va fi randat ca JavaScript.
cod HTML blocați pentru un exemplu de șablon de ghidon.
În acest exemplu, am creat șablonul „ghidon-demo” și a adăugat unele HTML și un patru expresii ghidon.
acum pune necesare blocuri de cod JavaScript pentru a face și adăuga templating handler pentru ghidon.
bloc JavaScript pentru un ghidon respectat HTML
după ce șablonul a fost preluat, îl putem compila folosind Handlebars.compile() metoda care returnează o funcție. Această funcție este apoi executată prin trecerea contextului ca argument. Când execuția este finalizată, funcția returnează HTML-ul dorit cu toate variabilele înlocuite cu valorile corespunzătoare. În acest moment putem injecta HTML în pagina noastră web.
ieșire după randare șabloane în HTML folosind ghidon:
sper să citiți și să învățați ceva nou astăzi din acest articol.