Home » Javascript » How to use comments in Handlebar templates?

How to use comments in Handlebar templates?

Posted by: admin November 30, 2017 Leave a comment

Questions:

I am using Handlebar.js as my templating engine. Now I want to comment out some of the blocks in my handlebar templates. But then I realized that Handlebar doesn’t ignore the expressions inside the Handlebar comment block. Any workaround for this?

Answers:

The newest version of Handlebars has block comments support :

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

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

Questions:
Answers:

Just add an exclamation mark after the opening brackets.

Normal Expression:

{{expressions}}

Commented Expression:

{{!expressions}}

Questions:
Answers:

Use this way in your handlebar template file.

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

The comments will not be in the resulting output. If you’d like the comments to show up, then use HTML comments.

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

refer this link to

Questions:
Answers:

Use this code:

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