Используйте шаблон hogan в виджетах instantsearch.js

Question

Я пытаюсь реализовать algolias instansearch.js. В моих результатах поиска будет много HTML, поэтому я хотел бы извлечь его в шаблон hogan. Результаты, похоже, загружаются, но ничего не отображается?

<script type="text/template" id="hit-template"> 
    {{#hits}} 
    <div class="hit"> 
    <div class="hit-image"> 
     <p>test: {{ objectID }}</p> 
    </div> 
    </div> 
    {{/hits}} 
</script> 

<script> 
var hitTemplate = Hogan.compile($('#hit-template').text()); 

search.addWidget(
    instantsearch.widgets.hits({ 
container: '#hits-container', 
templates: { 
    empty: 'No results', 
    item: function(data){ 
    return hitTemplate.render(data); 
     } 
    }, 
    hitsPerPage: 6 
    }) 
); 
</script> 

Любая помощь будет высоко ценится

Answer 1

Вам не нужно использовать Hogan самостоятельно, просто дайте нам шаблон:

вар hitTemplate = document.querySelector ('# хит-шаблон') .innerHTML;

search.addWidget(
    instantsearch.widgets.hits({ 
    container: '#hits-container', 
    templates: { 
     empty: 'No results', 
     item: hitTemplate 
    }, 
    hitsPerPage: 6 
) 
); 

Также проверьте консоль на наличие сообщений об ошибках. Спасибо