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

Re-render variables in HTML with Handlebars.js

本文关键字：变量 HTML 新呈现 Handlebars js 使用      更新时间：2023-09-26

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

我需要包装Handlebars <script>标记中AJAX调用后呈现的所有变量吗？或者还有其他更优雅的解决方案吗？

我个人会将我的模板分为"主"模板和AJAX调用后将呈现的部分。

通过这种方式，可以控制渲染内容和渲染时间。使用jQuery:非常简单

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

另一个解决方案是在元素中放置id，这样你就可以在这里放置数据：

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

希望这有帮助：）

相关文章：