如何使用对所有子节点都有效的路由器链接

Question

我在导航栏中嵌套了导航栏，单击导航栏内的第一个按钮，它转到doctors/doctors-list，并且路由器链接活动正常。但是当我转到那些路由时，我还有其他子路由器，例如doctors/creat，doctors/update:id，因此未按预期激活我的路由器链接。我的应用程序结构是用户首次单击“医生”按钮时的结构doctors/doctors-list当用户从列表路径中选择医生时，将更改为'doctors / update：id'。如何解决此问题

<a  routerLink="doctors/doctors-list" routerLinkActive="active"></a>

我的路线配置

{
        path: 'doctors',
        component: DoctorsHomeComponent,
        children: [
        {
            path: 'doctors-list',
            component: DoctorsComponent,
        },
        {
            path: 'doctors/creat',
            component: DoctorsPageComponent,
        },
        {
            path: 'update-doctor/:id',
            component: DoctorsPageComponent,
        }

        ]

    }

Answer 1

尝试这样，看看是否对您有用

Answer 2

您是否在医生组件的html页面中添加了以下标记

Answer 3

您尝试过这个吗？>

@Component

import { Router } from '@angular/router';``

constructor(public router: Router) {}

isdoctorsActive(exact) {
    return this.router.isActive('doctors/', exact);
}

@html
<a  routerLink="doctors/doctors-list" [ngClass]="{'active': isdoctorsActive(false)}"></a>

Answer 4

您需要在这里使用惰性路由-