Angular & Mongo查询，返回与搜索关键字密切相关的结果

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

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

@Injectable({
  providedIn: 'root'
})
export class SearchService {
  private apiUrl = 'http://your-backend-api-url/search'; // 替换为实际的后端API地址

  constructor(private http: HttpClient) { }

  search(keyword: string): Observable<any> {
    const params = { keyword: keyword };
    return this.http.get<any>(this.apiUrl, { params: params });
  }
}

import { Component } from '@angular/core';
import { SearchService } from './search.service';

@Component({
  selector: 'app-search',
  template: `
    <input type="text" [(ngModel)]="keyword">
    <button (click)="search()">搜索</button>
    <ul>
      <li *ngFor="let result of searchResults">{{ result }}</li>
    </ul>
  `
})
export class SearchComponent {
  keyword: string;
  searchResults: string[];

  constructor(private searchService: SearchService) { }

  search() {
    this.searchService.search(this.keyword)
      .subscribe(results => {
        this.searchResults = results;
      });
  }
}