如何在Angular中将一个url的值作为参数传递给另一个url

const routes: Routes = [
  { path: 'url1/:id', component: Url1Component },
  { path: 'url2/:id', component: Url2Component }
];

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

@Component({
  selector: 'app-url1',
  templateUrl: './url1.component.html',
  styleUrls: ['./url1.component.css']
})
export class Url1Component {
  constructor(private router: Router) {}

  navigateToUrl2(id: string) {
    this.router.navigate(['/url2', id]);
  }
}

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

@Component({
  selector: 'app-url2',
  templateUrl: './url2.component.html',
  styleUrls: ['./url2.component.css']
})
export class Url2Component {
  id: string;

  constructor(private route: ActivatedRoute) {}

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