אנגולר ו-Rxjs

export class WikipediaService {
  wikiUrl = "https://en.wikipedia.org/w/api.php";

  constructor(private httpClient: HttpClient) { }

  search(term: string){
    let params = {
      action: "query",
      list: "search",
      origin: "*",
      format: "json",
      srsearch: term
    };

    return this.httpClient.get(this.wikiUrl, {params});
  }
}

export class AppComponent {
  pages = [];

  constructor(private wikipedia: WikipediaService){}

  onTerm(term: string){
    this.wikipedia.search(term).subscribe((result: any) =>{
      this.pages = result.query.search;
    });
  }
}

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { map, Observable } from 'rxjs';

interface WikipediaResponse{
  query:{
    search:{
      title: string;
      snippet: string;
      pageid: number;
    }[]
  }
}

@Injectable({
  providedIn: 'root'
})
export class WikipediaService {
  wikiUrl = "https://en.wikipedia.org/w/api.php";

  constructor(private httpClient: HttpClient) { }

  search(term: string){
    let params = {
      action: "query",
      list: "search",
      origin: "*",
      format: "json",
      srsearch: term
    };

    return this.httpClient.get<WikipediaResponse>(this.wikiUrl, {params})
      .pipe(
        map(result => {
          return result.query.search;
        })
      )
  }
}

onTerm(term: string){
    this.wikipedia.search(term).subscribe(result =>{
      this.pages = result;
    });
}