【问题标题】:Angular 6 Nav tab is not active when I click the hyperlinks单击超链接时,Angular 6 Nav 选项卡未处于活动状态
【发布时间】:2020-06-04 05:27:38
【问题描述】:

我在 Angular Working Demo 中创建了一个路由示例。路由示例的输出如下所示。

当我单击 Players 选项卡时,表格处于活动状态,但是当我单击 View PlayersView Players (Script) 时仪表板选项卡内的超链接,然后导航到玩家选项卡,但该选项卡未激活(活动类未添加到选项卡),如下所示

谁能帮我解决这个问题

【问题讨论】:

    标签: html css twitter-bootstrap-3 hyperlink angular6


    【解决方案1】:

    这是因为您已将确切路由设置为 true,而其中的 routerLink 并未指向主 players 路由。

    <li [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
      <a [routerLink]="['/players']">Players</a>
    </li>
    

    【讨论】:

      猜你喜欢
      • 2020-10-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-19
      • 1970-01-01
      • 1970-01-01
      • 2020-01-19
      相关资源
      最近更新 更多