ohjaustanko-JavaScript templating system

aloita ensimmäinen demosi ohjaustangolla näin:

tarvitaan vain muutama vaihe, jotta asiat saadaan käyntiin ohjaustangon avulla. Ensimmäinen, sinun täytyy luoda malli HTML-tiedosto. Tämä on luotu standardiin <script> tag ja on yhdistelmä HTML-ja ohjaustangon lausekkeita. Malli voi olla mikä tahansa tunnus, jonka haluat, mutta tyyppi on ”text / x-ohjaustanko-template” muuten script tag renderoidaan JavaScript.

HTML code lohko esimerkki ohjaustangon mallista.

tässä esimerkissä olen luonut ”ohjaustanko-demo” – mallin ja lisännyt siihen HTML-ja neljä ohjaustangon lauseketta.

laita nyt tarvittavat JavaScript-koodilohkot renderöimään ja liittämään templating handler ohjaustankoon.

JavaScript block ohjaustangon noudattamiseksi HTML

kun malli on haettu, voimme kääntää sen käyttämälläHandlebars.compile()menetelmää, joka palauttaa funktion. Tämä funktio suoritetaan sitten ohittamalla asiayhteys argumenttina. Kun suoritus on valmis, funktio palauttaa halutun HTML: n ja kaikki muuttujat korvataan niiden vastaavilla arvoilla. Tässä vaiheessa voimme pistää HTML sivuillamme.

tuotos sen jälkeen, kun mallit on renderoitu HTML-muotoon ohjaustangon avulla:

tulos koodin ja mallin suorittamisen jälkeen

toivottavasti luet ja opit jotain uutta tänään tästä artikkelista.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *