如何在内部子路由角度之间进行路由

时间:2021-03-22 04:43:11

标签: angular routes angular2-routing angular-routing angular-router

我有两个小项目 (Project 1 - abc, Project 2 - xyz),它们合并为一个项目。用户必须经过身份验证才能访问第二个项目,而第一个项目无需身份验证即可访问。我应该如何将我的 route.navigate 方法添加到

  1. 在这些项目之间进行内部路由? - 从 project abc 中的子路由到 project xyz 中的子路由(myproject.com/abc/compA 到 myproject.com/xyz/login)
  2. project xyz 的子组件之间路由(myproject.com/xyz/compA 到 myproject.com/xyz/compB)

    {
        path: 'abc',
        children: [
            {
                path: 'compA',
                component: CompA,
                ...
            }, {
                path: 'compB',
                ...
            }, {
                path: "**",
                redirectTo: "compA"
            }
        ]
    }, 
    {
        path: 'xyz',
        children: [
            {
                path: '',
                canActivate: [MetaGuard],
                pathMatch: "full",
                redirectTo: 'home'
            }, {
                path: 'login',
                component: LoginComponent,
                ...
            }, {
                path: 'home',
                canActivate: [AuthGuardService],
                ...
            }, {
                path: 'compA',
                canActivate: [AuthGuardService],
                ...
            }, {
                path: 'compB',
                canActivate: [AuthGuardService],
                ...
            }, {
                path: 'compC',
                canActivate: [AuthGuardService],
                ...
            }, {
                path: "**",
                redirectTo: 'home'
            }
        ]
    }

我的文件夹结构与此相同:

enter image description here

0 个答案:

没有答案