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

Question

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

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

Answer 1

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

要在您自己的 HTML 中包含 Handlebars 模板，您只需创建文件，为其命名，然后包含一个 <script>。示例中指向您的模板文件的标记。

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

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

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