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

时间:2015-06-08 06:38:59

标签: javascript express tags handlebars.js region

我正在使用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>

有什么想法吗?

干杯。

1 个答案:

答案 0 :(得分:0)

创建一个帮助程序,用于添加css / js文件。

  1. 创建一个文件。使用以下content将其称为helpers.js

  2. 创建车把实例时,请附上上面的帮助程序。

    exphbs.create({ extname :'hbs', defaultLayout: 'layout', helpers : require('PATH-TO/helpers'), });

  3. layout.hbs中,通过在{{{renderJS js}}}

  4. 之前添加</body>来呈现代码
  5. 附加基于路径的js文件以查看数据。

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