Angular 8以(list detail)类型的设置将动态数据传递到激活的路由中

{
  path: 'detail/:id',
  component: DetailComponent
}

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

@Component({
  // ...
})
export class ListComponent {
  constructor(private router: Router) {}

  navigateToDetail(id: number) {
    this.router.navigate(['/detail', id]);
  }
}

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

@Component({
  // ...
})
export class DetailComponent implements OnInit {
  id: number;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.id = +params['id'];
      // 根据id加载相应的数据
    });
  }
}