Angular 2，将活动类添加到路由器链接[最佳实践]

我正在使用

Input

routerLinkActive将活动类添加到某个特定的url。 但我希望，如果特定链接检测到一个单词的错误，它将始终处于活动状态。 让我解释一下： 如果我定义的路线是

/rent/page/：id

，并输入到我的模板中，我将执行以下操作：

 <a [routerLinkActive]="['active']" [routerLink]="['/rent/page/1']" title="">rent</a>

每次我将

rent

匹配到当前url时，我都会将属性

rent

设置到对象

active

，并将active添加到我的租金导航中。 前面提到的模板，我修改如下：

<a [class.active]="active['rent']" [routerLink]="['/rent/page/1']" title="">rent</a>

租金

这是有效的，但我不确定这是否是一个好的做法

---

我的问题是：如果我想保持特定链接处于活动状态，即使用户更改了页面，如何

routerLinkActive

？使用

[routerLinkActive]

是否有其他方法执行此操作？

使用路由器链接可以像这样执行此操作：

<router-link :to="{name :'root'}">Root</router-link>
<router-link :to="{name :'foo'}">Go to Foo</router-link>
<router-link to="to="/bar">Go to Bar</router-link>

根目录
去福
去酒吧

签出以下小提琴：

<router-link :to="{name :'root'}">Root</router-link>
<router-link :to="{name :'foo'}">Go to Foo</router-link>
<router-link to="to="/bar">Go to Bar</router-link>