当URL为空时，Angular2路径路径不起作用

Question

以下是我的app''树'的样子：

我希望我的应用默认转到“主页”路径（当路径为空时）。 （localhost:3000/home）。 但它始终是localhost:3000/list。

应用-routing.module.ts ：

const routes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent },
    { path: 'userManagement', loadChildren: 'app/userManagement/user-    management.module#UserManagementModule' }]

用户-management.module.ts

const routes: Routes = [
    { path: '', redirectTo: 'list', pathMatch: 'full' },
    { path: 'list', component: UserListComponent }]

但是，当通过HTML链接触发重定向时工作正常：

应用-component.html

<ul class="navbar-nav mr-auto">
   <li class="nav-item">
       <a class="nav-link" routerLink="home" routerLinkActive="active">Home</a> <!--localhost:3000/home-->
   </li>
   <li class="nav-item">
       <a class="nav-link" routerLink="userManagement" routerLinkActive="active">Link</a> <!--localhost:3000/userManagement/list-->
   </li>
</ul>

Answer 1

您需要在分离模块时分离路线。

import { Routes } from '@angular/router';
import {UserManagementRoutes} from "./userManagement/userManagement.routes";
import {HomeRoutes} from "./home/home.routes";

export const routes: Routes = [
    ...UserManagementRoutes,
    ...HomeRoutes,
    { path: '',  redirectTo: 'home', pathMatch: 'full'}
];


import {Route} from '@angular/router';
import {UserManagementComponent} from "./userManagement.component";

export const UserManagementRoutes: Route[] = [
  {
    path: 'userManagement',
    children: [
      {path: '',component: UserManagementComponent}
    ]
  }
];



import {Route} from '@angular/router';
import {HomeComponent} from "./home.component";

export const UserManagementRoutes: Route[] = [
  {
    path: 'home',
    children: [
      {path: '',component: HomeComponent}
    ]
  }
];