在 Handlebars layout.hbs 中的代码下方插入模板代码答案

【问题标题】：Inserting template code below code in Handlebars layout.hbs在 Handlebars layout.hbs 中的代码下方插入模板代码
【发布时间】：2015-06-08 06:38:59
【问题描述】：

我正在使用 Express Handlebars 项目并有一个模板 foo.hbs，它有一些我想在 layout.hbs 的脚本标签下方插入的 javascript：

<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    {{{body}}}
  <script type="text/javascript" src="../bower_components/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
  <!-- INSERT custom code here -->
  </body>
</html>

如果foo.hbs 是这样的：

<p>Hello World</p>
<!-- Want to insert this below script tags in layout.hbs -->
<script>
    // Some script that requires jQuery
</script>

有什么想法吗？

干杯。

【问题讨论】：

标签： javascript express tags handlebars.js region

【解决方案1】：

为添加 css/js 文件创建一个助手。

创建一个文件。将其称为helpers.js，并使用以下content。
在创建车把实例时，附加上面的帮助器。

exphbs.create({ extname :'hbs', defaultLayout: 'layout', helpers : require('PATH-TO/helpers'), });
在layout.hbs 中，通过在</body> 之前添加{{{renderJS js}}} 来呈现标签
附加基于路由的js文件以查看数据。

res.render('/foo', { 'js': ['/path/to/1st-custom-js.js', 'path/to/2nd-custom-js.js'] });

【讨论】：