Angular Ng侧边栏第一个导航项始终关注页面刷新

我试图用ng侧边栏为我的应用程序构建一个侧边栏，但我遇到了一个问题，导航中的第一项总是集中在页面重新加载/刷新上

这是我的HTML：

<ng-sidebar-container style="height: 100vh; width: 10vw;">
    <ng-sidebar class="sidebar" [opened]="opened" position="left" [autoFocus]="false">
        <ul ngbNav #nav="ngbNav" class="nav-pills" style="display: block;">
            <li [ngbNavItem]="1"><a ngbNavLink [ngClass]="{active: isActive(['/dashboard'], true)}"
                                    [routerLink]="'/dashboard'">Dashboard</a> </li>
            <li [ngbNavItem]="2"><a ngbNavLink [ngClass]="{active: isActive(['/orders'], true)}" [routerLink]="'/orders'">Orders</a> </li>
            <li [ngbNavItem]="3"><a ngbNavLink [ngClass]="{active: isActive(['/test'], true)}" [routerLink]="'/test'">Test</a> </li>
        </ul>
    </ng-sidebar>
</ng-sidebar-container>

我也尝试过将routerLinkActive与[routerLinkActiveOptions]=“{exact:true}”一起使用，但在重新加载时，它将始终关注“dashboard”

对如何解决这个问题有什么建议吗

示例图像中，仅应突出显示“测试”选项卡，但仪表板仍处于焦点位置：

export class SideNavComponent implements OnInit {

  opened = true;

  constructor(private router: Router) {}

  ngOnInit() {}

  isActive(currentRoute: any[], exact = true): boolean {
    return this.router.isActive(this.router.createUrlTree(currentRoute), exact);
  }

}