使用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);
});

希望這可以幫助 ：）