Question

angular router文档包含以下有关如何使活动路由器链接完全正确的代码：

RouterLinkActive指令根据当前的RouterState切换活动RouterLink的css类。这会向下级联到路由树的每个级别，因此父级和子级路由器链接可以同时处于活动状态。要覆盖此行为，可以使用{exact：true}表达式绑定到[routerLinkActiveOptions]输入绑定。通过使用{exact：true}，给定的RouterLink只有在其URL与当前URL完全匹配时才会处于活动状态。

有没有人有一个确切的路由器链接的演示？

Answer 1

在以下示例中，active-link类将会仅在网址为/inbox时添加，而不是/inbox/33。

<a [routerLink]="/inbox" 
   routerLinkActive="active-link" 
   [routerLinkActiveOptions]="{exact: true}">
    Inbox
</a>

主动精确路由器链接演示？

1 个答案: