当页面加载Angular 8时设置默认选项卡处于活动状态

Question

登录成功后，重定向到 lochalhost:4200/feature。我想让“仪表板”链接在此状态下处于活动状态。当我单击仪表板时，测试服和日志链接活动正常工作。

<li routerLink="dashboard"  [ngClass]="{'active': router.isActive('feature')}" routerLinkActive="active">
            <i class="img-sprite dashboard-icon"></i>
           <a  > Dashboard</a>
        </li>
        <li routerLink="test-suit" routerLinkActive="active" >
                <i class="img-sprite testsuit-icon"></i>
            <a>Test Suite</a>
        </li>
        <li routerLink="logs" routerLinkActive="active">
                <i class="img-sprite logs-icon"></i>
                <a>Logs</a></li>

问题是在添加 ngClass 后，活动类没有从“仪表板”链接中删除。

这些是网址：

http://localhost:4200/feature     (default page url where i want to give active class as this url loads dashboard component)
http://localhost:4200/feature/dashboard    (active works fine)
http://localhost:4200/feature/test-suite   (active works fine)
http://localhost:4200/feature/logs   (active works fine)

Answer 1

由于相同的路由活动不工作。

这里是解决方案：

 <li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" >
</li>

这里是参考： https://angular.io/api/router/RouterLinkActive