包括html中.handlebars或.hbs文件

Question

在emberjs.com的主页上有一个待办事项列表的emberjs & handlebarsjs示例。在待办事项列表上有一个.hbs文件的扩展名，我想知道什么是.hbs？以及如何在超文本标记语言中包含.hbs脚本？如下所示：

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

Answer 1

这是一个handlebars模板文件，它是一段包含handlebars标记的HTML。文件扩展名是什么并不重要；它可以是您想要的任何扩展名。

要在您自己的超文本标记语言中包含handlebars模板，只需创建文件，为其指定任意名称，然后包含一个<script>标记，就像示例中指向模板文件的标记一样。

使用客户端handlebars模板的一种方法是将它们包含在脚本标记中(如您的示例所示)。原始模板将在DOM中可用，但不会变得可见，也不会作为HTML处理，因此它已经可用于您的代码，因此它可以由您的客户端javascript编译为模板，然后呈现为具有特定数据集的HTML。

Handlebar模板也可以在javascript中，由javascript构建，或者可以通过Ajax动态加载(除了<script>标记方法之外，还有另外两种将它们加载到客户端的方法)。

如果您在服务器端使用handlebars，那么模板可以留在服务器上，而不需要作为<script>标记放在页面中。