Custom Algolia Hits Widget to Integrate With Angular Directives

I recently posted a couple lessons about building a full text search feature with Algolia and InstantSearchJS. However, the main drawback is that you don’t have access to Angular’s core directives when using the widgets out of the box. Thankfully, there is a solution with InstantSearch Connectors. In this snippet, we build a custom hits widget that will save the results in a RxJS BehaviorSubject. From there, we can simply unwrap the results in the HTML template with the async pipe.

Gist