Řídítka – Javascriptový šablonovací systém

Začněte své první Demo s Řídítky, jako je tento:

Tam jsou jen pár kroků nutné, aby si to nahoru a běží s Řídítky. Nejprve musíte vytvořit šablonu v souboru HTML. Toto je vytvořeno ve standardním <skriptu> tagu a je kombinací výrazů HTML a řídítek. Šablona může mít libovolné id, které chcete, ale Typ musí být „text / x-řídítka-šablona“, jinak bude značka skriptu vykreslena jako JavaScript.

HTML kódu bloku pro příklad Řídítka šablony.

V tomto příkladu jsem vytvořil ‚řídítka-demo‘ šablonu a přidal některé HTML a čtyři Řídítka výrazy.

Nyní vložte potřebné bloky kódu JavaScript k vykreslení a přidání šablony pro řídítka.

JavaScript blok pro Řídítka splněny HTML

Poté, co byla šablona načtena, můžeme zkompilovat pomocí Handlebars.compile() metoda, která vrací funkci. Tato funkce se pak provede předáním kontextu jako argumentu. Po dokončení provádění funkce vrátí požadovaný HTML se všemi proměnnými nahrazenými odpovídajícími hodnotami. V tomto okamžiku můžeme vložit HTML do naší webové stránky.

Výstup po vykreslení šablony do HTML pomocí Řídítka:

Výsledný výstup po spuštění kódu a šablony

Doufám, že budete číst a učit se něco nového dnes z tohoto článku.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *