Handlebars – system szablonów JavaScript

Uruchom swoje pierwsze Demo z kierownicą w ten sposób:

aby uruchomić kierownicę, wystarczy kilka kroków. Najpierw musisz utworzyć szablon w pliku HTML. Jest on tworzony w standardowym znaczniku<skrypcie> I jest kombinacją wyrażeń HTML i kierownicy. Szablon może mieć dowolny identyfikator, ale typ musi być „text / x-handlebars-template” w przeciwnym razie znacznik skryptu będzie renderowany jako JavaScript.

kod HTML blok dla przykładu szablonu kierownicy.

w tym przykładzie stworzyłem szablon 'handlebars-demo’ i dodałem trochę HTML i cztery wyrażenia kierownicy.

Teraz umieść niezbędne bloki kodu JavaScript do renderowania i dołącz obsługę szablonów dla kierownicy.

blok JavaScript dla wzorca HTML

Po pobraniu szablonu możemy go skompilować za pomocą metody Handlebars.compile(), która zwraca funkcję. Funkcja ta jest następnie wykonywana przez przekazanie kontekstu jako argumentu. Po zakończeniu wykonywania funkcja zwraca żądany kod HTML ze wszystkimi zmiennymi zastąpionymi odpowiadającymi im wartościami. W tym momencie możemy wprowadzić kod HTML do naszej strony internetowej.

wyjście po renderowaniu szablonów do HTML za pomocą kierownicy:

wynikowe wyjście po uruchomieniu kodu i szablonu

mam nadzieję, że przeczytałeś i nauczyłeś się czegoś nowego dzisiaj z tego artykułu.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *