如何在角度阿尔戈利亚即时搜索中动态更改搜索参数

Question

我正在使用<ais-configure [searchParameters]="{ aroundLatLng: '0, 0' }"></ais-configure>，并根据用户的输入动态更新{ aroundLatLng: '23, 90' }对象，但我看不到搜索结果的任何变化。

这是我在代码沙箱中准备的一个例子 - https://codesandbox.io/s/kxqxr0j45r

在此示例中，您可以看到最初我添加了以下搜索参数：

searchParameters = { hitsPerPage: 3 };

并且有一个名为"更新搜索参数"的按钮，当您单击该按钮时，它会更改搜索参数，例如 -

updateParameter() { this.searchParameters.hitsPerPage = 10; }

我希望搜索参数的任何更改都应反映在搜索结果中。据此，我应该看到每页 10 个结果。但它不起作用。

你能告诉我如何实现这一目标吗？谢谢。

Answer 1

我认为您需要触发搜索。您是否尝试过完成本教程，其中说：

"在你安装了InstantSearch.js到应用程序的依赖项之后，我们需要将InstantSearch.js库实例化为Angular服务。

然后，您可以利用AppComponent中的即时搜索服务：

...
import { InstantSearchService } from './services/instantsearch.service';
...
export class AppComponent {
...
updateParameter() {
...
this.instantSearchService.search.start(); // trigger the search
}
}