angular-cli中路由的跳转

1、a标签跳转

在html标签内使用routerLink跳转，使用方式如下：

<a routerLink="/my">去my</a>

2、编程式导航-JS代码内部跳转

实际项目中，很多时候都是通过在JS代码内部进行导航的跳转，使用有两种方式，如下

this.router.navigateByUrl('xxx')

 

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

具体的简单用法：

（1）在login.component.html文件里先编写一个按钮，在按钮上绑定change( )方法。

<button (click)="change()">点击啊</button>

（2）在login.component.ts文件里引入Router，加入change方法，并用this.router.navigateByUrl('xxx')或者this.router.navigate(['/xxx'])导航到首页