Handlebars – il sistema di template JavaScript

Inizia la tua prima demo con il manubrio in questo modo:

Ci sono solo pochi passaggi necessari per ottenere le cose in funzione con il manubrio. Innanzitutto, è necessario creare il modello nel file HTML. Questo viene creato in un tag <script> ed è una combinazione di espressioni HTML e Manubrio. Il modello può avere qualsiasi ID che si desidera, ma il tipo deve essere “text/x-handlebars-template” altrimenti il tag script verrà reso come JavaScript.

blocco di codice HTML per un esempio di un Manubrio modello.

In questo esempio, ho creato il modello ‘handlebars-demo’ e aggiunto alcune espressioni HTML e quattro Manubrio.

Ora metti i blocchi di codice JavaScript necessari per eseguire il rendering e aggiungere il gestore dei modelli per i manubri.

blocco JavaScript per un Manubrio rispettato HTML

Dopo che il modello è stato recuperato, si può compilare utilizzando il Handlebars.compile() metodo che restituisce una funzione. Questa funzione viene quindi eseguita passando il contesto come argomento. Quando l’esecuzione è completa, la funzione restituisce l’HTML desiderato con tutte le variabili sostituite dai loro valori corrispondenti. A questo punto possiamo iniettare l’HTML nella nostra pagina web.

Uscita dopo il rendering di modelli in HTML usando Manubri:

output Risultante dopo l’esecuzione del codice e del modello

la Speranza è leggere e imparare qualcosa di nuovo oggi da questo articolo.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *