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?

— Abhidev
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

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
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
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
source

-4

Utilisez ce code:

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

— Valavan
source