Node.js 从视图在express Handlebar中添加脚本
我使用快速车把作为我的模板引擎,并且我对所有视图使用布局。但是,我希望能够通过特定页面的视图添加脚本。很像这个例子: 我想在用于所有页面的标准脚本(bootstrap、jquery)之后添加脚本。在我的布局中,它们位于主体的底部,如下所示:Node.js 从视图在express Handlebar中添加脚本,node.js,express,handlebars.js,Node.js,Express,Handlebars.js,我使用快速车把作为我的模板引擎,并且我对所有视图使用布局。但是,我希望能够通过特定页面的视图添加脚本。很像这个例子: 我想在用于所有页面的标准脚本(bootstrap、jquery)之后添加脚本。在我的布局中,它们位于主体的底部,如下所示: <html> <header> ... </header> <body> ... {{{body}}} <script src="/js/jquery.min.js"></script>
<html>
<header>
...
</header>
<body>
...
{{{body}}}
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
</body>
</html>
...
...
{{{body}}}
我该如何使用车把来做这件事?还是我使用EJS的最佳选择?或者我可以两者都用
非常感谢您的帮助,
弗里斯没关系!我意识到这种方法会与把手的基础相矛盾。相反,我在控制器中添加了以下内容:
var scripts = [{ script: '/js/myTestScript.js' }];
...
res.render('contact', { title: 'Kontakt', scripts: scripts });
在我的布局中,它看起来像这样:
...
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
{{#each scripts}}
<script src="{{script}}"></script>
{{/each}}
。。。
{{{#每个脚本}
{{/每个}}
没关系!我意识到这种方法会与把手的基础相矛盾。相反,我在控制器中添加了以下内容:
var scripts = [{ script: '/js/myTestScript.js' }];
...
res.render('contact', { title: 'Kontakt', scripts: scripts });
在我的布局中,它看起来像这样:
...
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
{{#each scripts}}
<script src="{{script}}"></script>
{{/each}}
。。。
{{{#每个脚本}
{{/每个}}
我正试图做一件类似的事情,但我遇到了一些问题。你能把全部代码都贴出来吗?非常优雅!谢谢我只是在我的main.hbs
上使用{{script}}
,然后通过我的路由器传入script:
。我试图做一件类似的事情,但我有一些问题。你能把全部代码都贴出来吗?非常优雅!谢谢我只是每页传递一个脚本,而不是#每个
我只是在我的main.hbs上使用{script}
,然后通过我的路由器传递script:
。