javascript - 更改 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
  }
})

和模板:

<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、页面、processingTimeMS、查询

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