Commencez votre première démo avec Handlebars comme ceci:
Il n’y a que quelques étapes nécessaires pour que les choses soient opérationnelles avec Handlebars. Tout d’abord, vous devez créer votre modèle dans le fichier HTML. Ceci est créé dans une balise < script > standard et est une combinaison d’expressions HTML et de Guidon. Le modèle peut avoir n’importe quel id que vous voulez, mais le type doit être « text / x-handlebars-template” sinon la balise de script sera rendue en JavaScript.
Dans cet exemple, j’ai créé le modèle ‘handlebars-demo’ et ajouté du code HTML et quatre expressions de guidon.
Maintenant, mettez les blocs de code JavaScript nécessaires au rendu et ajoutez le gestionnaire de modèles pour Handlebars.
Une fois le modèle récupéré, nous pouvons le compiler en utilisant la méthode Handlebars.compile() qui renvoie une fonction. Cette fonction est ensuite exécutée en passant le contexte comme argument. Lorsque l’exécution est terminée, la fonction renvoie le code HTML souhaité avec toutes les variables remplacées par leurs valeurs correspondantes. À ce stade, nous pouvons injecter le code HTML dans notre page Web.
Sortie après le rendu des modèles en HTML à l’aide du guidon :
J’espère que vous avez lu et appris quelque chose de nouveau aujourd’hui à partir de cet article.