web-dev-qa-db-fra.com

inclure un .handlebars ou un fichier .hbs en html

Sur la page d'accueil de emberjs.com, il y a un exemple de liste de tâches emberjs & handlebarsjs. Sur la liste des tâches il y a une extension pour un fichier .hbs et je me demandais ce qu'est .hbs? Et comment puis-je inclure un script .hbs dans HTML? Quelque chose comme ça:

<script type="text/hbs" src="hbs-file.hbs"></script>
13
Millzie

Il s'agit d'un fichier de modèle de guidon qui est un morceau de code HTML contenant des jetons de guidon. Peu importe quelle est l'extension du fichier; Cela peut être tout ce que vous voulez.

Pour inclure un modèle de guidon dans votre propre code HTML, il vous suffit de créer le fichier, de lui donner le nom de votre choix, puis d'inclure un <script> tag comme celui de l'exemple qui pointe vers votre fichier modèle.

Une façon d'utiliser les modèles de guidons côté client consiste à les inclure dans les balises de script (comme dans votre exemple). Le modèle brut sera disponible dans le DOM, mais ne sera pas rendu visible et ne sera pas traité en HTML, il est donc déjà disponible pour votre code afin qu'il puisse être compilé dans un modèle par votre client javascript puis rendu en HTML avec un ensemble spécifique de données .

Les modèles de guidons peuvent également être dans votre javascript, créés par votre javascript, ou peuvent être chargés dynamiquement via Ajax (deux autres façons de les intégrer au client en plus du <script> méthode de balise).

Si vous utilisiez le guidon côté serveur, les modèles peuvent rester sur le serveur et n'ont pas besoin d'être mis dans la page en tant que <script> Mots clés.

23
jfriend00