.hbs文件剥离javascript

Question

我在.hbs文件中包含了一个脚本，但每次我组装这个.hbs文件时，脚本中的hbs模板在HTML输出中都会被忽略。这是我的.hbs文件

<script id="myTemplate1" type="text/x-handlebars-template">
{{#each}}
<div class="sample">
....
</div>
{{/each}}
</script>

我使用grunt组装了上面的.hbs文件，它忽略了脚本标记中的所有内容，并且在HTML输出中只能看到以下内容

<script id="myTemplate1" type="text/x-handlebars-template">
</script>

这是怎么回事？我尝试将脚本作为单独的JS文件，但不起作用？我还试图在HTML输出中包含该脚本，但每次汇编时，它都会被覆盖，并且只得到空标记。

Answer 1

#each块帮助器需要一个传递给它的数组来迭代。它看起来像是..。

<script id="myTemplate1" type="text/x-handlebars-template">
{{#each templatesArray}}
<div class="sample">
....
</div>
{{/each}}
</script>

有关更多示例，请参阅Handlebars Documetation。

你还应该看看Handlebars-Helpers，它是由汇编的创建者制作的，它包含了一大堆有用的助手。

Answer 2

你可以使用我在下面提到的东西。

我意识到这种方法会与车把的基础相矛盾。相反，我在我的控制器中添加了以下内容：

var scripts = [{ script: '/js/myTestScript.js' }];
res.render('contact', { title: 'Kontakt', scripts: scripts });

在我的布局中，它看起来像这样：

<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
{{#each scripts}}
  <script src="{{script}}"></script>
{{/each}}