角:用routerLink获得绝对路径

Question

我在一个导航按钮栏上工作，当前路由切换一个css类(页脚-btn-活动)，它“亮起”当前路由的按钮。

这是当前的代码：

<button routerLink="/system"
                routerLinkActive="footer-btn-active"
                class="footer-btn">System-info</button>

它现在的工作方式:按钮类(页脚-btn-活动)保持活动，在/system/.

它应该如何工作:我希望按钮类(Footer active )保持活动，只在绝对路径/system上。

Answer 1

在下面的属性中，true :true只会在正确路径匹配的情况下使类活动。

<button 
routerLink="/system"
routerLinkActive="footer-btn-active"
[routerLinkActiveOptions]="{ exact: true }"
class="footer-btn">System-info</button>