Angular2ルートパスが機能していない

Question

私app年代 『ツリー』は次のようになります。

が、私は私のアプリはに行きたい 『方法を以下に示します（ときにデフォルトでホーム』ルートパスは空です）。 （localhost:3000/home）。 しかし、それは常にlocalhost:3000/listに行きます。 HTMLリンクを介してトリガされたときのリダイレクトが正常に動作します

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 }] 

、：

アプリ-routing.module.ts：

app-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} 
    ] 
    } 
];