在instantsearch.js小部件中使用hogan模板

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

你並不需要使用霍根自己，只是給我們的模板：

VAR hitTemplate = document.querySelector（ '＃命中模板'） .innerHTML;

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

還檢查控制檯是否有錯誤消息。謝謝