Change Algolia instantsearch.js Statistikvorlage

Question

Wie kann ich Change Algolia instantsearch.js Statistikvorlage ändern? (X Ergebnisse gefunden in Y m/s)

Nach documentation könnte es über options.template getan werden, aber das ist es. Welche Variablen repräsentieren Ergebnisse zählen und Zeit, und vielleicht andere Variablen?

Was ist der beste Weg, um eine Vorlage zu erstellen?

Dies ist, was ich bisher:

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

Wahrscheinlich sollte ich hinzufügen: (? Was die Variablen sein sollte)

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

und dann die Vorlage:

<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

Vorlagen in Algolia arbeiten ein bisschen anders, hier ist wie Ihre instantsearch.widgets.stats sollte wie folgt aussehen:

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

und der Vorlage:

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

Liste von Variablen, die Sie in Ihrer Statistik Vorlage verwenden können:

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

Weitere Informationen: https://community.algolia.com/instantsearch.js/documentation/#stats

Answer 2

Es gibt eine Prüfung ple hier: https://community.algolia.com/instantsearch.js/documentation/#templates

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