1、
{ path: 'detail/:id', component: HeroDetailComponent },
<a *ngFor="let hero of heroes" class="col-1-4" routerLink="/detail/{{hero.id}}">
import { ActivatedRoute } from '@angular/router';
import { Location } from '@angular/common'
constructor( private route: ActivatedRoute, private location: Location ) {}
const id = this.route.snapshot.paramMap.get('id');
route.snapshot
是一个路由信息的静态快照,抓取自组件刚刚创建完毕之后。
paramMap
是一个从 URL 中提取的路由参数值的字典。 "id"
对应的值就是要获取的英雄的 id
。