如何使用angular向每个外部url追加参数

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  // 定义路由规则
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="redirectToExternalUrl()">跳转到外部URL</button>
  `
})
export class ExampleComponent {
  constructor(private router: Router) { }

  redirectToExternalUrl() {
    const externalUrl = 'https://www.example.com';
    const queryParams = { param1: 'value1', param2: 'value2' };

    // 使用navigateByUrl方法跳转到外部URL，并传递参数
    this.router.navigateByUrl(this.appendQueryParamsToUrl(externalUrl, queryParams));
  }

  appendQueryParamsToUrl(url: string, queryParams: any): string {
    const urlWithParams = new URL(url);

    // 将参数追加到URL中
    Object.keys(queryParams).forEach(key => {
      urlWithParams.searchParams.append(key, queryParams[key]);
    });

    return urlWithParams.toString();
  }
}