this.router.navigate(['/']);

路由：<a [routerLink]="/" >

今天完成的事情

1. 新建一个Angular 2工程文件，为后面的任务做准备：

• 引入bootstrap和jquery:
  a. 在项目目录下通过npm安装npm install bootstrap --save安装到node_modules目录下,--save是为了将配置文件保存在package.json文件中; b. 将bootstrap.css添加到.angular-cli.json配置文件中。手动将以下两行代码分别添加至style和secrpit`数组中：

"../node_modules/bootstrap/dist/css/bootstrap.css"
"../node_modules/bootstrap/dist/js/bootstrap.js"

jquery同上，只是jquery没有style文件。

• 配置*.d.ts文件
  直接使用npm将文件配置在开发环境中安装：npm install @types/bootstrap --save-dev

2. 修改任务5页面，将页面样式写在新项目中的login.component.css中，布局写在login.component.html文件中。
3. 

明天计划的事情

准备小课堂知识：console使用，以及程序调试。

遇到的问题

获取<input>标签中的值，为什么不使用事件绑定，而使用双向绑定，况且输入框的值不应该只能是用户来修改吗？

收获

Angular路由要正常使用需要配置一下四个方面：

1. 路由配置，可以在app.moudel.ts或者单独的路由配置文件中通过一个Router类型的数组来配置：

export const routerConfig: Router = [
  path: 'test',
  component: 'Tester',
  outlet: 'outlet-name'
]

2. 配置跟路由模块：
   通过RootModule.forRoot()方法创建根路由模块，并导入到根模块AppModule中：

let rootRouterModule: ModuleWidthProvider = RouterModule.forRoot(routerConfig);
@ngModule({
  imports: [rootRouterModule],
})

3. 添加RouterOutlet指令：<router-outlet>
4. 最后是跳转：
   a. 给html的任意标加上[routerLink]属性：[routerLink]="/test";
   b. 或者用指令来实现：Router.navgateByUrl("/test"),or Router.navigate(""),两者之间的不同是，前者参数为Url字符串，后者使用的是数组。