Question

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

有什么想法吗？

干杯。

Answer 1

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

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

exphbs.create({ extname :'hbs', defaultLayout: 'layout', helpers : require('PATH-TO/helpers'), });
在layout.hbs中，通过在{{{renderJS js}}}

</body>

附加基于路径的js文件以查看数据。

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

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

1 个答案: