Angular 2路由添加查询参数

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

@Component({
  selector: 'app-example',
  template: `
    <button (click)="navigateWithQueryParams()">Go to Example Page</button>
  `
})
export class ExampleComponent {
  constructor(private router: Router) {}

  navigateWithQueryParams() {
    const queryParams = { param1: 'value1', param2: 'value2' };
    this.router.navigate(['/example'], { queryParams });
  }
}

import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-example-page',
  template: `
    <h1>Example Page</h1>
    <p>Param 1: {{ param1 }}</p>
    <p>Param 2: {{ param2 }}</p>
  `
})
export class ExamplePageComponent {
  param1: string;
  param2: string;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      this.param1 = params['param1'];
      this.param2 = params['param2'];
    });
  }
}