Fatal编程技术网
  • javascript/
  • Javascript 在Handlebar layout.hbs中的代码下方插入模板代码

Javascript 在Handlebar layout.hbs中的代码下方插入模板代码

javascript express tags

Javascript 在Handlebar layout.hbs中的代码下方插入模板代码,javascript,express,tags,handlebars.js,region,Javascript,Express,Tags,Handlebars.js,Region,我正在处理一个Express Handlebar项目，有一个模板foo.hbs，它有一些javascript，我想在layout.hbs中的脚本标记下面插入： <!DOCTYPE html> <html> <head> <title>{{title}}</title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head&g

我正在处理一个Express Handlebar项目，有一个模板
foo.hbs
，它有一些javascript，我想在
layout.hbs
中的脚本标记下面插入：

<!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>
有什么想法吗

干杯。

创建一个用于添加css/js文件的助手

  • 创建一个文件。用以下命令调用它
    helpers.js

  • 创建把手实例时，请附着上面的辅助对象

    exphbs.create({
extname:'hbs'，
defaultLayout:“布局”，
助手：需要（'PATH-TO/helpers'），
});
  • 在
    layout.hbs
    中，通过在
    之前添加
    {{{renderJS}}}
    来呈现标记

  • 附加基于路由的js文件以查看数据

    res.render（“/foo”{
'js'：['/path/to/1st custom js.js'，'path/to/2nd custom js.js']
});
    • 创建用于添加css/js文件的帮助器

  • 创建一个文件。用以下命令调用它
    helpers.js

  • 创建把手实例时，请附着上面的辅助对象

    exphbs.create({
extname:'hbs'，
defaultLayout:“布局”，
助手：需要（'PATH-TO/helpers'），
});
  • 在
    layout.hbs
    中，通过在
    之前添加
    {{{renderJS}}}
    来呈现标记

  • 附加基于路由的js文件以查看数据

    res.render（“/foo”{
'js'：['/path/to/1st custom js.js'，'path/to/2nd custom js.js']
});
    • <p>Hello World</p>
<!-- Want to insert this below script tags in layout.hbs -->
<script>
    // Some script that requires jQuery
</script>