有谁知道如何在HTML页面中打印.hbs / .handlebars模板?我到处寻找,但我无法弄清楚如何将.hbs文件放在一个目录中,然后在我的index.html中打印它们。很抱歉这个问题,但我是车把的新用户。提前谢谢!
答案 0 :(得分:7)
假设你有一个把手模板post.handlebars
:
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
使用把手预编译器编译模板:
$ handlebars post.handlebars -f templates.js
在html doc
中包含已编译的模板和把手运行时<script src="/libs/handlebars.runtime.js"></script>
<script src="templates.js"></script>
现在,编译后的模板可以作为Handlebars.templates
的属性进行访问。接下来将数据传递给模板,生成一些html并将其附加到DOM。
<script type="text/javascript">
var template = Handlebars.templates.post;
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
$(document).append(html);
</script>
有关预编译的详细信息,请参阅http://handlebarsjs.com/precompilation.html。此外还有一个很好的把手教程:http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/
答案 1 :(得分:1)
将hbs文件另存为片段文件。说myTemplate.jspf
将其包含在您的HTML / JSP文件中,如下所示
<script type="text/x-handlebars-template">
<%@ include file="myTemplate.jspf" %>
</script>