AngularJS的路由一直是学习的一大难点,我们只能边看边学边掌握,边看边学边推翻。今天我们来看一下在angular2中通过routerLink实现导航的几种方式,以及各自的优缺点。

Angular2的路由模块来自@angular/router,这不包含在angular2的核心模块中。所以如果我们想要学习angular2的路由功能,必须导入该模块。

我们自己的最佳实践就是不断的推翻自己的过程,痛苦并痛苦着。

我自己总结的几种导航方式:

复制代码
1 <a routerLink='/dashboard/home' routerLinkActive='active'>Home1</a> 2 <a routerLink='/dashboard/home' [routerLinkActive]="['active']">Home2</a> 3 <a routerLink='../home' routerLinkActive="active">Home 2.2 </a> 4 <a [routerLink]="['/dashboard/home']" [routerLinkActive]="['active']">Home3</a> 5 <a [routerLink]="['../home']" [routerLi
        
		

网友评论