Angular2 - 显示两条路线的活动链接

Question

我想要一个有效的路线：“www.example.com”或“www.example.com/route-name”。

我知道我可以简单地从/到/ route-name重定向，但是我不能帮助，但觉得这是不好的做法，而且是指导逻辑的代码......

要显示路线已激活，我有以下路线名称：

...

如果这是PHP我会做的事情：

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

你如何用NG2做这种情况？

Answer 1

您可以使用[class]属性绑定

来处理此问题

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

在菜单组件ngOnChanges中，检查路由器的路径，然后将true赋值为

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