首页 文章

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

提问于
浏览 次
1

angular router文档有关于如何准确 Build 活动路由器链接的以下片段：

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

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

javascript angular

1 回答

  • 1

    在以下示例中，仅当URL为 /inbox 而不是 /inbox/33 时，才会添加 active-link 类 .

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

相关问题