ElasticSearch - Angular Search Service

search.service.ts

export class SearchService {
  data: any;
  results: IContact[];
  isFetching = false;

  constructor(private functions: AngularFireFunctions) { }

  public getResults(query: string) {
    const call = this.functions.httpsCallable('searchContacts');
    this.isFetching = true;
    call({ query }).subscribe(
      response => {
        if (response) {
          this.data = response;
          if (this.data.hits && this.data.hits.hits.length) {
            this.results = [];
            this.data.hits.hits.forEach((item, index) => this.results[index] = item._source);
            this.results = this.results.slice(0, 5); // Shrink to 5 items
          } else {
            this.reset();
          }
        }
        this.isFetching = false;
      },
      error => {
        console.error(`Error fetching search results`, error);
        this.isFetching = false;
      }
    );
  }

  public reset() {
    this.data = {};
    this.results = [];
  }
}