Angular 如何在特定子页面上禁用 authGuard

Question

任何人都可以建议在单个子页面上禁用 authguard（应用于父级）的最佳方法。

ROUTES:Routes = [
    {
        path: '',
        component: AdminComponent,
        children: [
            {
                path: '',
                pathMatch: 'full',
                data: { title: 'Home' },
                loadChildren: 'src/app/admin/dashboard/modules/dashboardRouteModule#DashboardRouteModule',
            },
            {
                path: 'dashboard',
                redirectTo: ''
            },
            {
            path : 'blog',
            data: { title: 'Blog', breadcrumb: 'Blog' },
            loadChildren: 'src/app/admin/blog/modules/blogRouteModule#BlogRouteModule'
            },
             {
                path: '**',
                component: NotFoundComponent
            }],
    canActivate: [ AuthGuard ]}];

博客路由模块

ROUTES:Routes = [
    {
        path: '',
        component: BlogComponent,
        resolve: {
            routeValues: BlogCreateResolve
        },
    },
    {
        path: ':id',
        resolve: {
            routeValues: BlogEditResolve
        },
        runGuardsAndResolvers: 'always',
        children: [
            {
                path: '',
                component: BlogEditComponent,
                canDeactivate: [CanDeactivateGuard],
            },
            {
                path: 'list',
                data: { title: 'BlogList', breadcrumb: 'List' },
                component: BlogListComponent,
                resolve: {
                    list: BlogListResolve
                }
            }]}]

目前，所有页面都受到限制，需要登录，但我想禁用 'list' 路由的 authguard，以便无需登录即可查看页面。

谢谢

Answer 1

也许你可以在你的守卫中添加一个条件，当 URL 与你想要删除的组件中的 URL 匹配时允许导航。