在angular 8中，为孩子安排路线不起作用

Question

试图解决路由子级问题，但无法解决。如果我单击管理按钮不起作用，则不会重定向到管理部分。如何解决此问题。

演示：https://stackblitz.com/edit/angular-3mngoh?file=src/app/approuting.module.ts

approving.module.ts:

const routes: Routes = [ 
{
path: 'admin',
component: AdminSectionComponent,
children: [ 
{ path: '', loadChildren: () => import('./adminsection/layout/layout.module').then(m =>  m.LayoutModule) },
{ path: 'login', loadChildren: () => import('./adminsection/login/login.module').then(m => m.LoginModule) },
{ path: 'signup', loadChildren: () => import('./adminsection/signup/signup.module').then(m => m.SignupModule) },
{ path: 'error', loadChildren: () => import('./adminsection/server-error/server-error.module').then(m => m.ServerErrorModule) },
{ path: 'access-denied', loadChildren: () => import('./adminsection/access-denied/access-denied.module').then(m => m.AccessDeniedModule) },
{ path: 'not-found', loadChildren: () => import('./adminsection/not-found/not-found.module').then(m => m.NotFoundModule) },
{ path: '**', redirectTo: 'not-found' }
]
},....etc

Answer 1

路由之所以没有发生，是因为在用户界面上点击admin时出现了矛盾——它的查找/登录显示为未找到并给出错误。因此，经过分析，我在AdminSection-RoutingModule.ts的注释行中发现了这一点。这是您的代码路由数组，用下面的代码替换它。

您的代码：-----------

const routes: Routes = [
{path:'',component:AdminSectionComponent,
children:[
{ path: '', loadChildren: () => import('./layout/layout.module').then(m => m.LayoutModule), canActivate: [AuthGuard] },
{ path: 'login', loadChildren: () => import('./login/login.module').then(m => m.LoginModule) },
{ path: 'signup', loadChildren: () => import('./signup/signup.module').then(m => m.SignupModule) },
{ path: 'error', loadChildren: () => import('./server-error/server-error.module').then(m => m.ServerErrorModule) },
{ path: 'access-denied', loadChildren: () => import('./access-denied/access-denied.module').then(m => m.AccessDeniedModule) },
{ path: 'not-found', loadChildren: () => import('./not-found/not-found.module').then(m => m.NotFoundModule) },
{ path: '**', redirectTo: 'not-found' }
]}
];

替换代码：--------

const routes: Routes = [
{path:'',component:AdminSectionComponent,
children:[
{ path: 'login', loadChildren: () => import('./login/login.module').then(m => m.LoginModule) },
{ path: 'signup', loadChildren: () => import('./signup/signup.module').then(m => m.SignupModule) },
{ path: 'error', loadChildren: () => import('./server-error/server-error.module').then(m => m.ServerErrorModule) },
{ path: 'access-denied', loadChildren: () => import('./access-denied/access-denied.module').then(m => m.AccessDeniedModule) },
{ path: 'not-found', loadChildren: () => import('./not-found/not-found.module').then(m => m.NotFoundModule) },
{ path: '**', redirectTo: 'not-found' }
]}
];

在替换为myy阵列后，路由将发生，然后你将知道为什么路由没有发生