Angular2 - 將鏈接顯示爲兩條路線的激活狀態

Question

我希望某條路線能夠激活：「www.example.com」或「www.example.com/route-name」。

我知道我可以簡單地重新直接從/至/路由名稱，但是我只是不能幫助，但覺得這是不好的做法，這將是指導邏輯的代碼...

要顯示的路線激活我對路由名稱如下：

<a [routerLink]="['route-name']"><span>Route Name</span></a> 

如果這其中PHP我會做這樣的事情：

($route == '/' OR $route == 'route-name') ? 'active' : '' 

你怎麼做這種與NG2條件？

Answer 1

您可以處理此使用[class]屬性綁定，

<a [routerLink]="['route-name']" [ngClass]="{'active': activeLink}"></a> 

在你的菜單組件ngOnChanges，檢查路由器的路徑，然後分配真實activeLink作爲

if(this.router...){ 
this.activeLink=true; 
}