Angular4 step by step.3

1.Routes 路由模块

 import { NgModule }             from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';

 import { DashboardComponent }   from './dashboard.component';
 import { HeroesComponent }      from './heroes.component';
 import { HeroDetailComponent }  from './hero-detail.component';

 const routes: Routes = [
   { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
   { path: 'dashboard',  component: DashboardComponent },
   { path: 'detail/:id', component: HeroDetailComponent },
   { path: 'heroes',     component: HeroesComponent }
 ];

 @NgModule({
   imports: [ RouterModule.forRoot(routes) ],
   exports: [ RouterModule ]
 })
 export class AppRoutingModule {}

2.路由模块还是蛮绕的，看了2天

3.

4.哇哈哈截图留念