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

Question

在emberjs.com的主页上有一个emberjs&handlebarsjs todo列表的例子.在todo列表上有一个.hbs文件的扩展名,我想知道什么是.hbs？我如何在HTML中包含.hbs脚本？像这样的东西:

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

Answer 1

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

要在自己的HTML中包含把手模板,只需创建文件,为其指定任何名称,然后<script>在示例中包含指向模板文件的标记.

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

Handlebars模板也可以在你的javascript中,由你的javascript构建,或者可以通过Ajax动态加载(除了<script>tag方法之外还有另外两种将它们加入客户端的方法).

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