javascript - 如何获取和打印 .hbs 或 .handlebars 模板？

Question

有谁知道如何在 HTML 页面中打印 .hbs/.handlebars 模板？我到处都看过，但我不知道如何将 .hbs 文件放在一个目录中，然后将它们打印在我的 index.html 中。很抱歉这个问题，但我是 Handlebars 的新用户。提前致谢!

Answer 1

假设您有一个 Handlebars 模板 post.handlebars:

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{body}}
  </div>
</div>

使用 handlebars 预编译器编译您的模板:

$ handlebars post.handlebars -f templates.js

在您的 html 文档中包含已编译的模板和 handlebars 运行时

<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有关预编译的详细信息。这里还有一个很棒的 Handlebars 教程:http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/