在html中包含.handlebars或.hbs文件

时间:2014-09-10 05:48:25

标签: javascript html ember.js handlebars.js

在emberjs.com的主页上有一个emberjs& handlebarsjs待办事项列表的示例。 在todo列表上有一个.hbs文件的扩展名,我想知道什么是.hbs?和 如何在HTML中包含.hbs脚本?像这样:

<script type="text/hbs" src="hbs-file.hbs"></script>

1 个答案:

答案 0 :(得分:22)

这是一个把手模板文件,它是一块带有把手令牌的HTML。文件扩展名是什么并不重要;它可以是你想要的任何东西。

要在自己的HTML中包含把手模板,您只需创建文件,为其指定任意名称,然后添加<script>标记,例如示例中指向模板文件的标记。< / p>

使用客户端手柄模板的一种方法是将它们包含在脚本标记中(如示例所示)。原始模板将在DOM中可用,但不可见并且不作为HTML处理,因此它已经可用于您的代码,因此可以通过客户端javascript将其编译为模板,然后使用特定数据集将其呈现为HTML

Handlebars模板也可以在您的javascript中,由您的javascript构建,或者可以通过Ajax动态加载(除了<script>标记方法之外,还可以通过其他两种方式将它们加入客户端)。

如果您在服务器端使用了把手,那么模板可以保留在服务器上,而不需要将其作为<script>标签放在页面中。