在我的有角网站的mainComponent中,我以这种方式阅读url参数:
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit(){
this.activatedRoute.params.subscribe(params => {
const id = params['id'];
console.log(id);
});
}
这是我设置路由的方式:
const routes: Routes = [
{ path: 'contatti', component: ContattiComponent },
{ path: 'main/:id', component: MainComponent }
];
如何将“ id”传递给contactComponent?
constructor( private router: Router){
}
someId: any;
ngOnInit(){
this.route.params
.subscribe( (data: any) => this.someId = data.id //<-- here is your id);
}
更新
关于您的组件结构的信息很少。因此,假设您的主要组件包含其他组件的模板然后通过您的模板,您可以将ID传递给其他组件:
<contant-component [myId]="someId"> </contant-component>