Angular2-将两条路线的链接显示为活动状态

我想要一个路由为“www.example.com”或“www.example.com/route name”激活

我知道我可以简单地从/to/route name重新定向，但是我忍不住觉得这是一种糟糕的做法，这将是指导逻辑的代码

要显示路由处于活动状态，我对路由名称有以下内容：

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

---

如何使用NG2处理这种情况？

您可以使用

[class]

属性绑定来处理这种情况

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

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

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