[英]Angular2 get activated route parameters and parent parameters
如何從父組件以及子路由獲取RouteParams
export const routes: Routes = [
{ path: '', redirectTo: 'list', pathMatch: 'full' },
{ path: 'list', component: UsersComponent },
{
path: ':id', component: UserDetailComponent,
children: [
// { path: '', redirectTo: 'overview', pathMatch: 'full' },
{ path: 'overview', component: UserInfoComponent },
{ path: 'specs/:id', component: UserProfileComponent }
]
}
];
在組件中
export class UserDetailComponent implements OnInit {
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.parent.params.subscribe( (c) => {
console.log(c['id']);
});
this.route.params.subscribe(params => {
console.log(params['id']);
});
}
}
但是當我的路線被激活時,我總是變得不確定。 請幫忙解決這個問題?
提前致謝。
這是一個簡單的示例,說明如何在.ts中獲取參數的值,之后,您可以根據情況自定義此值
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {
const taskId: string = route.snapshot.params["taskId"];
console.log("this is taskId value = "+ taskId);
}
您需要ActivatedRouteSnapshot遍歷已激活的路由。
https://angular.io/docs/ts/latest/api/router/index/ActivatedRouteSnapshot-interface.html
var myParamValue = this.route.snapshot.queryParams['myParam'];
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.