更改Algolia Instantsearch.js統計信息模板

Question

我怎么能變化而變化Algolia instantsearch.js統計模板？ （在Y m / s中找到X個結果）

根據文檔 ，可以通過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
  }
})

和模板：

<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>

您可以在統計信息模板中使用的變量的完整列表：

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

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

Answer 2

這里有一個例子： https : //community.algolia.com/instantsearch.js/documentation/#templates

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