路由子进程在angular 8中不起作用
路由子进程在angular 8中不起作用
提问于 2020-04-10 01:23:43
尝试解决路由子问题，但无法解决it.If我单击管理按钮不工作，它不是重定向的管理section.How来解决此问题。
演示：https://stackblitz.com/edit/angular-3mngoh?file=src/app/approuting.module.ts
approuting.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回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-10 21:23:16
路由没有发生，因为在点击管理从你的用户界面，它寻找/login，这是显示没有找到，并给出错误.So分析后，我发现在AdminSectionRoutingModule.ts的注释行上，.This是你的代码路由数组，替换为以下代码。
您的代码：
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数组后，路由将发生，然后您将了解路由未发生的原因
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61126749
复制相关文章
相似问题
腾讯云开发者
