Comment utiliser les commentaires dans les modèles de guidon?

134

J'utilise Handlebar.js comme moteur de création de modèles. Maintenant, je veux commenter certains des blocs dans mes modèles de guidon. Mais ensuite, j'ai réalisé que Handlebar n'ignore pas les expressions à l'intérieur du bloc de commentaires Handlebar. Une solution de contournement pour cela?

javascript html templates handlebars.js Abhidev
la source
Cette pull request pourrait vous intéresser.
Frédéric Hamidi
Il prend en charge les commentaires multilignes mais n'ignore pas les expressions qu'il contient.
Abhidev

Réponses:

201

La dernière version de Handlebars prend en charge les commentaires de bloc:

{{!-- {{commented expressions}} --}}

https://github.com/wycats/handlebars.js/commit/a927a9b0adc39660f0794b9b210c9db2f7ddecd9

jptsetung
la source
8
Merci jptsetung. Cela ne fonctionne pas pleinement comme je m'attends à un commentaire, mais je suppose que cela fonctionne pour son objectif. En parcourant ce didacticiel pour voir comment le guidon fonctionne dans les coulisses. net.tutsplus.com/tutorials/javascript-ajax/… . Il semble que le guidon n'ignore pas complètement une ligne commentée car il crée toujours un jeton. Le jeton est juste vide. Par exemple, "{{! - Hello {{name}} -}}" crée 1 jeton vide. Je pensais juste que cela méritait d'être mentionné si cela causait des problèmes à quelqu'un. Je ne sais pas si ce serait le cas car c'est dans les coulisses.
isimmons le
51

Ajoutez simplement un point d'exclamation après les crochets ouvrants.

Expression normale:

{{expressions}}

Expression commentée:

{{!expressions}}
James Jackson
la source
25
Notez que la différence entre les formulaires {{!et {{!--est que seul ce dernier autorise les balises de guidon intégrées. Comme cela sera facile à oublier, en particulier dans un long commentaire qui sera ultérieurement révisé, je suggère de toujours utiliser le formulaire de commentaire le plus long.
Darren Cook
31

Utilisez cette méthode dans votre fichier de modèle de guidon.

<div class="entry">
  {{!-- only output author name if an author exists --}}
  {{#if author}}
    <h1>{{author.firstName}} {{author.lastName}}</h1>
  {{/if}}
</div>

Les commentaires ne figureront pas dans la sortie résultante. Si vous souhaitez que les commentaires s'affichent, utilisez des commentaires HTML.

<div class="entry">
  {{! This comment will not be in the output }}
  <!-- This comment will be in the output -->
</div>

renvoyer ce lien vers

Mukesh Kumar Gupta
la source
-4

Utilisez ce code:

{{#data}}
<!-- enter comments here  -->
<p>{{name}}</p>
{{/data}}
Valavan
la source