把手重新渲染模板与更新的数据

Question

{{#each dogs}}
<li>{{this.name}}</li>
{{/each}}

想象一下，我使用ajax更新我的列表，如何在模板完成后重新编译模板？我可以做location.reload（）但这对用户体验不利。由于我使用的是把手，我不应该使用jquery来生成我的html并更新DOM。

Answer 1

您可以根据需要使用Handebars.compile(data)方法重新编译模板。 谁说你在使用Handlebars时不能使用jQuery来生成和更新DOM？

但是，您不需要重新编译（而不是@dandavis！），以便更新数据。这是一个小小的演示，它编译一次Handlebars模板，然后只需更新模板数据并在每次新的Ajax调用后使用jQuery将其附加到DOM上：JSFiddle Demo