使用Handlebars.js重新呈现HTML中的变量

Question

我想在Handlebars加载并渲染模板后在HTML模板中渲染一些变量。 大多数变量在AJAX调用之后都可用，我希望先加载模板，然后再渲染数据，但不要重新渲染整个模板。 加载的模板没有包装在Handlebars模板<script>标记中，它们只是纯HTML。

我是否需要将在AJAX调用之后呈现的所有变量包装在Handlebars <script>标签中？ 还是有另一个更优雅的解决方案？

Answer 1

我个人将模板划分为“主要”模板和将在进行AJAX调用后呈现的部分。

这样，您可以控制渲染的内容和时间。 使用jQuery非常简单：

$.ajax([...], function(data) {
  $("#main .your-selector").append(newTemplate(data));
});

另一种解决方案是将id放在您的元素中，因此您可以将数据放在这里：

$.ajax([...], function(data) {
  $("#someField").html(data.someData);
});

希望这可以帮助 ：）