Manillares-el sistema de plantillas JavaScript

Inicie su primera demostración con Manillares como este:

Solo hay unos pocos pasos necesarios para poner las cosas en marcha con Manillares. Primero, debe crear su plantilla en el archivo HTML. Se crea en una etiqueta estándar < script> y es una combinación de expresiones HTML y Manillar. La plantilla puede tener cualquier id que desee, pero el tipo debe ser «text / x-handlebars-template», de lo contrario, la etiqueta de script se renderizará como JavaScript.

HTML bloque de código para un ejemplo de un Manillar de la plantilla.

En este ejemplo, he creado la plantilla ‘handlebars-demo’ y he añadido algunas expresiones HTML y cuatro de manillar.

Ahora coloque los bloques de código JavaScript necesarios para renderizar y anexar el controlador de plantillas para Manillar.

bloque de JavaScript para un Manillar cumplido HTML

Después de que la plantilla ha sido obtenido, podemos compilar mediante el uso de la etiqueta Handlebars.compile() método que devuelve una función. Esta función se ejecuta pasando el contexto como argumento. Cuando se completa la ejecución, la función devuelve el HTML deseado con todas las variables reemplazadas por sus valores correspondientes. En este punto podemos inyectar el HTML en nuestra página web.

Salida después de la representación de plantillas en HTML utilizando el Manillar:

el resultado después de ejecutar el código y la plantilla

Espero que leer y aprender algo nuevo hoy de este artículo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *