在 angular 中仅从 algolia 获取 8 条记录

Question

我正在尝试使用 angular-instantsearch 包从 algolia 获取 8 条记录。
这是我到目前为止所做的
.html 文件 -

<ais-instantsearch [config]="products">
    <ais-hits>
       <ng-template let-hits="hits">
       <div class="row">
            <div class="col-lg-6"*ngFor="let hit of hits">
                <figure class="figure">
                   <img src="{{hit.image}}">
                   <figcaption>{{hit.productName}}</figcaption>
                </figure>
             </div>
       </div>
       </ng-template>
     </ais-hits>
</ais-instantsearch>

.ts 文件

import algoliasearch from 'algoliasearch/lite';    
const searchClient = algoliasearch(
  environment.algolia_application_id,
  environment.algolia_search_api_key
);

export class HomeComponent implements OnInit {
    products = {
          indexName: 'products',
          searchClient
    };
}

我得到 20 条记录，但我只需要 8 条记录。
如何获取8条记录？
任何帮助将不胜感激。
谢谢

Answer 1

您可以使用 ais-configure 指定搜索参数。

将此行添加到您的 HTML

<ais-configure [searchParameters]="{ hitsPerPage: 8 }"></ais-configure>

所以整个代码如下所示：

<ais-instantsearch [config]="products">
    <ais-configure [searchParameters]="{ hitsPerPage: 8 }"></ais-configure>
    <ais-hits>
       <ng-template let-hits="hits">
       <div class="row">
            <div class="col-lg-6"*ngFor="let hit of hits">
                <figure class="figure">
                   <img src="{{hit.image}}">
                   <figcaption>{{hit.productName}}</figcaption>
                </figure>
             </div>
       </div>
       </ng-template>
     </ais-hits>
</ais-instantsearch>

在 angular 中仅从 algolia 获取 8 条记录

Get only 8 records from algolia in angular

angular

algolia

instantsearch.js