How to use comments in Handlebar templates?

Javascript Problem Overview

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?

Javascript Solutions

Solution 1 - Javascript

The newest version of Handlebars has block comments support :

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

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

Solution 2 - Javascript

Just add an exclamation mark after the opening brackets.

Normal Expression:

{{expressions}}

Commented Expression:

{{!expressions}}

Solution 3 - Javascript

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

Solution 4 - Javascript

Two ways to comment on handlebar.js

single component:

{{!fixedTop=true}}     --> comments the whole content inside the brackets

Multiple component:

    {{!--fixedTop=true
          alignment=true--}}     --> comments the whole content until end with "--"

Solution 5 - Javascript

offical site said "You can use comments in your handlebars code just as you would in your code. Since there is generally some level of logic, this is a good practice.

The comments will not be in the resulting output. If you'd like the comments to show up just use HTML comments, and they will be output.

Any comments that must contain }} or other handlebars tokens should use the {{!-- --}} syntax."

Check the site https://handlebarsjs.com/guide/#evaluation-context

Solution 6 - Javascript

Use this code:

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

Content Type	Original Author	Original Content on Stackoverflow
Question	Abhidev	View Question on Stackoverflow
Solution 1 - Javascript	jptsetung	View Answer on Stackoverflow
Solution 2 - Javascript	James Jackson	View Answer on Stackoverflow
Solution 3 - Javascript	Mukesh Kumar Gupta	View Answer on Stackoverflow
Solution 4 - Javascript	Bathri Nathan	View Answer on Stackoverflow
Solution 5 - Javascript	Namlulu	View Answer on Stackoverflow
Solution 6 - Javascript	valavan	View Answer on Stackoverflow