Angular 2获得父激活路由

发布时间：2020-12-17 17:59:05 所属栏目：安全来源：网络整理

导读：我有一条路线孩子这样的路线： { path: 'dashboard',children: [{ path: '',canActivate: [CanActivateAuthGuard],component: DashboardComponent },{ path: 'wage-types',component: WageTypesComponent }]} 在浏览器中我想获得激活的父路线 host.com/dashb

我有一条路线孩子这样的路线：

{
    path: 'dashboard',children: [{
        path: '',canActivate: [CanActivateAuthGuard],component: DashboardComponent
    },{
        path: 'wage-types',component: WageTypesComponent
    }]
}

在浏览器中我想获得激活的父路线

host.com/dashboard/wage-types

如何获得/仪表板,但可以使用Angular 2而不是JavaScript,但我也可以接受JavaScript代码,但主要是Angular 2.

解决方法

您可以通过使用ActivatedRoute上的父属性来执行此操作 – 类似这样.

export class MyComponent implement OnInit {

    constructor(private activatedRoute: ActivatedRoute) {}

    ngOnInit() {
        this.activatedRoute.parent.url.subscribe((urlPath) => {
            const url = urlPath[urlPath.length - 1].path;
        })
    }

}

您可以在此处更详细地查看ActivatedRoute中的所有内容：
https://angular.io/api/router/ActivatedRoute

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!