如何在Angular中通过http请求获取自动搜索数据？

npm install @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/router@latest --save

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getAutoSearchData(searchTerm: string) {
  const url = 'https://api.example.com/search?q=' + searchTerm;
  return this.http.get(url);
}

searchTerm: string;
searchResults: any[];

search() {
  this.getAutoSearchData(this.searchTerm).subscribe((data: any) => {
    this.searchResults = data.results;
  });
}

<input type="text" [(ngModel)]="searchTerm" (input)="search()">
<ul>
  <li *ngFor="let result of searchResults">{{ result }}</li>
</ul>