javascript - 在车把中重用模板

Question

我是 JS 模板和 Handlebars 的新手，我有一个嵌套的 JSON 结构，通常每个父节点都是一个新对象/具有不同的结构，所以递归不是我认为的解决方案。

我的问题是是否可以从 Handlebars 中的模板调用另一个模板？

我的背景是 XSLT

例子：

<script id="entry-template" type="text/x-handlebars-template">
  <div>{{name}}</div>
  .. call template-2
</script>

<script id="template-2" type="text/x-handlebars-template">
  <div>{{name2}}</div>
   .. call template-3
</script>

<script id="template-3" type="text/x-handlebars-template">
  <div>{{name3}}</div>
</script>

.. 等等

有人有什么建议吗？

最好的问候，鲍勃

Answer 1

使用 partials 应该很容易，这里有一个很好的教程。

本质上，尽管您只需要定义部分

 Handlebars.registerPartial("template-2", $("#template-2").html());

然后利用它

<script id="entry-template" type="text/x-handlebars-template">
  <div>{{name}}</div>
  {{> template-2}}
</script>

Answer 2

我在部分视频上创建了一个 youtube 视频，解释了这一点：https: //www.youtube.com/embed/02J5A3r-Bdk。该视频详细解释了在车把中创建部分，以及长期存在的一些问题和问题，以及何时最好地使用它们以及何时服务器端包含可能会更好。