Angular4中路由Router类的跳转navigate

最近一直在学习angular4，它确实比以前有了很大的变化和改进，好多地方也不是那么容易就能理解，好在官方的文档和例子是中文，对英文不太好的还是有很大帮助去学习。

官方地址：https://angular.cn/docs/ts/latest/api/router/index/Router-class.html

在学习的过程中路由（router）机制是离不开的，并且好多地方都要用到。

首先路由配置Route：

 1 import { NgModule }             from '@angular/core';
 2 import { RouterModule, Routes } from '@angular/router';
 3  
 4 import { HomeComponent }   from './home.component';
 5 import { LoginComponent }      from './login.component';
 6 import { RegisterComponent }  from './register.component';
 7  
 8  const routes: Routes = [
 9    { path: '', redirectTo: '/home', pathMatch: 'full' },
10    { path: 'home',  component: HomeComponent },
11    { path: 'login', component: LoginComponent },
12    { path: 'heroes',     component: RegisterComponent }
13  ];
14  
15  @NgModule({
16    imports: [ RouterModule.forRoot(routes) ],
17    exports: [ RouterModule ]
18  })
19  export class AppRoutingModule {}

View Code