如何在 Handlebar 模板中使用注释？

我使用 Handlebar.js 作为模板引擎。现在我要注释掉我的车把模板中的一些块。但后来我意识到 Handlebar 并没有忽略 Handlebar 注释块中的表达式。有什么解决办法吗？

67192 次浏览
小开
最佳答案

最新版本的 Handlebars 有屏幕评论支持:

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

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

小开

在括号后面加个叹号。

正常表情:

\{\{expressions}}

评论表达:

\{\{!expressions}}
小开

在您的手柄模板文件中使用这种方式。

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

注释将不在结果输出中。如果希望显示注释，那么使用 HTML 注释。

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

请参阅

小开

使用以下代码:

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

对 handlebar.js 进行注释的两种方法

单一组成部分:

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

多重组成部分:

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

官方网站说 ”您可以像在代码中一样在车把代码中使用注释。由于通常存在某种程度的逻辑，因此这是一种很好的做法。

注释将不在结果输出中。如果希望显示注释，只需使用 HTML 注释，它们将被输出。

任何必须包含}}或其他句柄标记的注释都应该使用\{\{ ! ——}}语法。”

检查 https://handlebarsjs.com/guide/#evaluation-context站点


提交答案