更改Algolia instantsearch.js統計模板

Question

如何更改Algolia instantsearch.js統計模板？ （X結果以Y m/s爲單位）

根據documentation可以通過options.template完成，但就是這樣。哪些變量代表結果計數和時間，也許還有其他變量？

什麼是創建模板的最佳方式？

這是我到目前爲止有：

instantsearch.widgets.stats({ 
    container: '#stats' 
}) 

最有可能我要補充：（？應該是什麼變量）

instantsearch.widgets.stats({ 
    container: '#stats', 
    template: '#stats-template' 
}) 

，然後模板：

<script type="text/html" id="stats-template"> 
    <div data-reactroot="" class="ais-root ais-stats"> 
     <div class="ais-body ais-stats--body"> 
     <div> 
      {{number of hits}} hits found 
     </div> 
     </div> 
    </div> 
</script> 

Answer 1

的模板Algolia的工作有點不同，這裏有關於你的instantsearch.widgets.stats應該是這樣的：

instantsearch.widgets.stats({ 
    container: '#stats', // Your stats container 
    templates: { 
    body: getTemplate('stats') // Template for displaying stats 
    } 
}) 

和模板：

hasManyResults, hasNoResults, hasOneResult, hitsPerPage, nbHits, nbPages, page, processingTimeMS, query

的更多信息：https://community.algolia.com/instantsearch.js/documentation/#stats

<script type="text/html" id="stats-template"> 
    <div data-reactroot="" class="ais-root ais-stats"> 
     <div class="ais-body ais-stats--body"> 
     <div> 
      {{nbHits}} products found 
     </div> 
     </div> 
    </div> 
</script> 

完整的，你可以在你的統計模板中使用的變量列表

Answer 2

有一個考試PLE這裏： https://community.algolia.com/instantsearch.js/documentation/#templates

search.addWidget(
    instantsearch.widgets.stats({ 
     container: '#stats', 
     templates: { 
      body: function(data) { 
       return 'Show ' + data.nbHits + ' results' 
      } 
     } 
    }) 
);