Wikipedia Http Type Ahead

wikipediaHttpTypeAhead.html

<http-type-ahead [service]="wikipediaService"></http-type-ahead>

wikipediaHttpTypeAhead.service.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http';
import { of } from 'rxjs';
import { map } from 'rxjs/operators';
import { AbstractHttpTypeAheadService } from '../../../projects/brandkit/src/lib/components/type-ahead/abstract-http-type-ahead.service';

@Injectable()
export class WikipediaHttpTypeAheadService extends AbstractHttpTypeAheadService<string> {
  constructor(private http: HttpClient) {
    super();
  }

  public url = 'https://en.wikipedia.org/w/api.php';
  public params = new HttpParams({
    fromObject: {
      action: 'opensearch',
      format: 'json',
      origin: '*'
    }
  });

  public placeholder = 'Search Wikipedia';

  public search = (term: string) => {
    if (term === '') { return of([]); }

    return this.http
      .get(this.url, {params: this.params.set('search', term)}).pipe(
        map((response) => response[1])
      );
  }

  public remove(toRemove: string): void {
    this.selected = this.selected.filter((selectedItem) => {
      return selectedItem !== toRemove;
    });
  }
}