在angular应用程序中，如何将查询参数传递到服务中的REST API？

import { HttpClient, HttpParams } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor(private http: HttpClient) { }

  getData(queryParams: any) {
    // 构建查询参数
    let params = new HttpParams();
    Object.keys(queryParams).forEach(key => {
      params = params.append(key, queryParams[key]);
    });

    // 发送HTTP GET请求
    return this.http.get('https://api.example.com/data', { params });
  }
}

import { Component } from '@angular/core';
import { MyService } from './my-service.service';

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="getData()">获取数据</button>
  `
})
export class MyComponent {
  constructor(private myService: MyService) { }

  getData() {
    const queryParams = {
      param1: 'value1',
      param2: 'value2'
    };

    this.myService.getData(queryParams).subscribe(response => {
      // 处理获取到的数据
    });
  }
}