我正在使用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>
有什么想法吗?
干杯。
答案 0 :(得分:0)
创建一个帮助程序,用于添加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']
});