AngularJS的路由一直是學(xué)習(xí)的一大難點(diǎn)，我們只能邊看邊學(xué)邊掌握，邊看邊學(xué)邊推翻。今天我們來(lái)看一下在angular2中通過(guò)routerLink實(shí)現(xiàn)導(dǎo)航的幾種方式，以及各自的優(yōu)缺點(diǎn)。

Angular2的路由模塊來(lái)自@angular/router，這不包含在angular2的核心模塊中。所以如果我們想要學(xué)習(xí)angular2的路由功能，必須導(dǎo)入該模塊。

我們自己的最佳實(shí)踐就是不斷的推翻自己的過(guò)程，痛苦并痛苦著。

我自己總結(jié)的幾種導(dǎo)航方式:

復(fù)制代碼 
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
        
		

        		
網(wǎng)友評(píng)論