路由导航之第一个子模块（HomeModule）

git clone [email protected]:len007/my-angular2-app.git my-angular2-app

开始

一个URL = 一个页面 = 一个Component。

我们可以使用路由来实现页面之间的切换与导航。

使用路由前，我们先安装router包：

npm --save-dev install router

首先，我们建立个根路由，app-router.module.ts

import { Routes } from '@angular/router';

export const AppRouterModule: Routes =[
    {
        path: '',
        loadChildren: 'app/home/home.module#HomeModule'
    },
    {
        path: 'list',
        loadChildren: 'app/list/list.module#ListModule'
    },
    {
        path:'**',
        loadChildren: 'app/home/home.module#HomeModule'
    }
];

这是最简单的路由配置

 

转载于:https://www.cnblogs.com/Failbs/p/8923291.html