Do you have example of using createAlgoliaClient to clear the cache?

I am trying to programmatically update the cache in my component.

Html

<button (click)="updateCache()">update<button>
<ng-ais-instantsearch [config]="algoliaEnv" >
<ng-ais-search-box></ng-ais-search-box>
<ng-ais-hits></ng-ais-hits>

Component

this.algoliaEnv = {
      apiKey: <api-key>,
      appId: <app-id>,
      indexName: <index-name>,
      createAlgoliaClient: this.testFunction,
};

testFunction(customClient: Function, appId: string, apiKey: string) {
  // How do I use customClient here ?
  const algoliaSearch: algoliasearch.AlgoliaClient = customClient(appId, apiKey);
  return algoliaSearch;
}

updateCache(){
  // What should I call here?
}

The above code does not throw any errors, but I am trying to figure out how to update the cache programmatically, for example inside the updateCache method. The documentation states: “We forward algoliasearch which is the original algoliasearch module imported inside angular-instantsearch.” - but how do I use this?

I really hope you can help me out here 😃

[Haroenv]

You were almost there, the function is called refresh and is on the instantSearchInstance, and you also need to implement the button in your app.

I forked your sandbox: here is my version with the necessary changes.

Changes are:

app.component.html: L83: <custom-widget></custom-widget> custom-widget.ts:

import { Component, Inject, forwardRef, OnInit } from "@angular/core";
import { NgAisInstantSearch } from "angular-instantsearch";

@Component({
  selector: "custom-widget",
  templateUrl: "./custom-widget.component.html"
})
export class CustomWidgetComponent {
  state: {
  };

  constructor(
    @Inject(forwardRef(() => NgAisInstantSearch))
    public instantSearchParent
  ) {}

  refresh() {
    this.instantSearchParent.instantSearchInstance.refresh();
  }
}

custom-widget.component.html:

<button (click)="refresh()">Refresh</button>

cc @compuIves, I also manage to get my browser crashing with the custom widget (but the code is correct)

[brunoFreiberger]

I used code of your comment and now it’s working, thank you!