将带查询参数的angular应用程序URL传递给其他用户

import { Router, NavigationExtras } from '@angular/router';

// 在组件中注入Router服务
constructor(private router: Router) {}

// 创建带查询参数的URL并传递给其他用户
public shareURLWithQueryParams() {
  const queryParams = { param1: 'value1', param2: 'value2' }; // 设置查询参数

  const navigationExtras: NavigationExtras = {
    queryParams: queryParams // 将查询参数添加到NavigationExtras对象中
  };

  const urlTree = this.router.createUrlTree(['/my-route'], navigationExtras); // 创建URL树
  const url = this.router.serializeUrl(urlTree); // 序列化URL树为字符串形式的URL

  // 将生成的URL传递给其他用户
  console.log('分享的URL:', url);
}