如何获取并打印.hbs或.handlebars模板?

时间:2013-04-26 08:40:24

标签: javascript ember.js handlebars.js

有谁知道如何在HTML页面中打印.hbs / .handlebars模板?我到处寻找,但我无法弄清楚如何将.hbs文件放在一个目录中,然后在我的index.html中打印它们。很抱歉这个问题,但我是车把的新用户。提前谢谢!

2 个答案:

答案 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>