Angular入门,四 Router 替换当前页面

1.在 xx.html 中直接 写标签

<a [routerLink]="['/home']">home</a>

2.在 xx.html 中 触发click事件

  <button class="btn btn-primary" (click)="Login()">Submit</button>

在xx.ts中

引入路由

import { Route, Router, ActivatedRoute, Params } from '@angular/router';

export 注入

constructor(private route: ActivatedRoute, private router: Router) { }

export 写 Login()函数

Login(){

  this.router.navigate(['../home'],{relativeTo:this.route});//跳转到定义好的home 页面

}