在emberjs.com主页上,有待办事项清单的emberjs&handlebarsjs示例。在待办事项列表中,.hbs文件具有扩展名,我想知道什么是.hbs?以及如何在HTML中包含.hbs脚本?像这样:
<script type="text/hbs" src="hbs-file.hbs"></script>
这是一个车把模板文件,它是一段带有车把标记的HTML文件。文件扩展名是什么都没有关系。它可以是任何您想要的。
要在您自己的HTML中包括一个车把模板,您只需创建文件,给它一个您喜欢的名字,然后<script>
在示例中添加一个指向模板文件的标签。
使用客户端车把模板的一种方法是将它们包括在脚本标签中(如您的示例所示)。原始模板将在DOM中可用,但不会显示并且未作为HTML处理,因此它已可用于您的代码,因此可以由您的客户端javascript将其编译为模板,然后使用一组特定的数据呈现为HTML 。
车把模板也可以在您的javascript中,由您的javascript构建,或者可以通过Ajax动态加载(除了<script>
tag方法之外,还有两种其他方法可以将它们带入客户端)。
如果您在服务器端使用把手,则模板可以保留在服务器上,而无需作为<script>
标签放置在页面中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句