带有查询参数和附加路由的角度路由

const routes: Routes = [
  { path: 'user/:id', component: UserComponent },
  { path: 'search', component: SearchComponent },
];

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-search',
  template: `<h1>Search Results</h1>
             <p>Query: {{ query }}</p>`
})
export class SearchComponent implements OnInit {
  query: string;

  constructor(private route: ActivatedRoute) {}

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

<a routerLink="/user/123" [queryParams]="{ tab: 'profile' }">User Profile</a>

this.route.queryParams.subscribe(params => {
  this.query = params['q'];
});

{ path: 'user/:id', component: UserComponent }