Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
默认路由不工作[Angular4]_Angular_Typescript_Angular4 Router - Fatal编程技术网

默认路由不工作[Angular4]

默认路由不工作[Angular4],angular,typescript,angular4-router,Angular,Typescript,Angular4 Router,我什么都累了,但它只发生在这个项目上。我使用了相同的路由代码,但默认路由不起作用。我需要在代码中修复还是需要在其他地方修复 此代码位于app.moules.ts中: 在路由中找到的第一个空路由重定向到/login 当您使用子组件时意味着您的父组件有自己的路由器出口 我假设LoginComponent位于路由的底部,因此路径也应该位于根。大概是这样的: export const AppRoutes: Routes = [ { path: '', redirectTo: '/lo

我什么都累了,但它只发生在这个项目上。我使用了相同的路由代码,但默认路由不起作用。我需要在代码中修复还是需要在其他地方修复

此代码位于app.moules.ts中:


在路由中找到的第一个空路由重定向到
/login

当您使用
子组件时
意味着您的父组件有自己的
路由器出口

我假设LoginComponent位于路由的底部,因此
路径也应该位于根。大概是这样的:

export const AppRoutes: Routes = [
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  },
  {
    path: 'main',
    component: AdminLayoutComponent,
    children: [
      {
        path: '',
        component: MainComponent,
        data: {
          breadcrumb: 'Main',
          status: true
        }
      },
      {
        path: 'userterminal',
        loadChildren: './userterminal/userterminal.module.ts#UserTerminalModule'
      }
    ]
  },
  {
    path: 'login',
    component: LoginComponent
  }
];
使用这样的结构,当您使用重定向时,它将找到路径,因为它位于根

使用,您可以从登录成功导航到
main

请记住,如果您使用的是子组件,则父组件示例
AdminLayoutComponent
必须有一个
router outlet
,才能将其子组件加载到内部。

您使用的是@angular/cli吗?默认路由的确切含义是什么?您的意思是将用户路由到登录页还是错误/404页?@NadhirFalta loginpage@pixelbits是的,版本1.3.1我想你的路线也有问题。当路径为空时,是否有任何原因希望始终将用户导航到登录页面?在同一级别上也有许多空路由。
export const AppRoutes: Routes = [
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  },
  {
    path: 'main',
    component: AdminLayoutComponent,
    children: [
      {
        path: '',
        component: MainComponent,
        data: {
          breadcrumb: 'Main',
          status: true
        }
      },
      {
        path: 'userterminal',
        loadChildren: './userterminal/userterminal.module.ts#UserTerminalModule'
      }
    ]
  },
  {
    path: 'login',
    component: LoginComponent
  }
];