使用Handlebars.js在HTML中重新渲染变量

Question

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

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

Answer 1

我个人会在＆＃34; main＆＃34;之间分割我的模板。一，以及在AJAX调用之后将呈现的部分。

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

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

另一种解决方案是在您的元素中放置ID，以便您可以将数据放在此处：

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

希望这会有所帮助：）