Переопределить переменные в HTML с помощью Handlebars.js

Question

Я хочу отобразить некоторые переменные в моих HTML-шаблонах после того, как шаблон был загружен и отображен Handlebars. Большинство переменных доступны после вызова AJAX, и я хочу, чтобы шаблон сначала загружался, а данные, обработанные позже, но без повторной рендеринга всего шаблона. Загруженные шаблоны не обернуты тегом дескрипторов Handelbars <script>, это просто простой HTML.

Нужно ли обертывать все переменные, которые отображаются после вызова AJAX в Handlebars <script> теги? Или есть другое, более элегантное решение?

Answer 1

Я лично разделил бы свои шаблоны между «основным» и части, которые будут отображаться после вызова AJAX.

Таким образом, вы контролируете, что визуализируется и когда. Это очень легко с JQuery:

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

Другое решением было бы разместить идентификаторы в ваших элементах, так что вы можете разместить свои данные здесь:

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

Надеется, что это помогает :)