如何从父组件访问子routeParams？
如何从父组件访问子routeParams？
提问于 2016-01-26 13:13:55
我有一个“项目”页面，在那里我试图访问您是否正在查看项目列表或单个项目，但不使用子组件。
考虑一下：
应用路由器配置
{ path: '/projects/...', component: ProjectCmp, name: 'Projects' },然后是项目组件：
{ path: '/', useAsDefault:true,component: ProjectDashboardCmp, name: 'List' },
{ path: '/:id/', component: ProjectDashboardCmp, name: 'Dashboard' },
{ path: '/:id/shows', component: ShowCmp, name: 'Shows' },如何获取传递给"Dashboard“路由的"id”？它不是这个组件的参数，所以我不能访问它，除非孩子踢它或一个服务。
例如，在projects组件中：
constructor(public params: RouteParams) {
this.projectId = params.get('id');
console.log("The project Id is:",this.projectId);
//The Project Id is:null但在projectDashboardCmp中，它的工作方式与预期一致。
问题是我做了一些类似的事情：
<router-outlet *ngIf="!this.projectId"></router-outlet>在项目组件中，这样它就不会加载子路由，而只是消亡...
回答 1
Stack Overflow用户
发布于 2017-06-02 06:31:16
如果其他人对如何访问子路由参数感兴趣-这是解决方案(Angular 4.0)：
// Inside ngOnInit() method of a parent component
this.route.children[0].params
.subscribe((childParams: Params) => this.projectId = +childParams['id']);注意：this.route.children可以有多个子路由。在我的例子中-它只有一个，所以我用[0]选择了它。
总的来说，我不建议使用这种方法，除非您别无选择
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35007415
复制相关文章
相似问题
腾讯云开发者
