У меня есть боковая навигация с вложенными маршрутами. Я нажимаю на первую кнопку внутри навигационной панели, она идет к doctors/doctors-list и активная ссылка роутера отлично работает. но у меня есть другие дочерние маршрутизаторы, такие как doctors/creat , doctors/update:id когда я иду по этим маршрутам, моя ссылка маршрутизатора не активируется, как ожидалось. Моя структура приложения — когда пользователь впервые нажимает кнопку «Доктор», это doctors/doctors-list когда пользователь выбирает доктора из списка. Маршрут будет изменен на «докторы / обновления: id». Как решить эту проблему

 {amp}lt;a routerLink="doctors/doctors-list" routerLinkActive="active"{amp}gt;{amp}lt;/a{amp}gt; 

мой маршрут конфигурации

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

Попробуйте вот так, чтобы увидеть, работает ли это для вас

 {amp}lt;a routerLink="doctors/doctors-list" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}"{amp}gt;{amp}lt;/a{amp}gt; 

Вы добавили следующий тег в HTML-страницу компонентов вашего доктора?

 {amp}lt;router-outlet{amp}gt;{amp}lt;/router-outlet{amp}gt; 

Вы пробовали это

 @Component import { Router } from '@angular/router';`` constructor(public router: Router) {} isdoctorsActive(exact) { return this.router.isActive('doctors/', exact); } @html {amp}lt;a routerLink="doctors/doctors-list" [ngClass]="{'active': isdoctorsActive(false)}"{amp}gt;{amp}lt;/a{amp}gt; 
пандия раджа

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

Вы должны использовать ленивую маршрутизацию здесь —

В вашем app-routing.module.ts вы можете загрузить модуль доктора, как показано ниже:

 const routes: Routes = [ { path: '', component: LandingComponent, }, { path: 'doctors', loadChildren: 'doctor.module#DoctorModule' } ]; 

Как только он загружает модуль доктора, он загружает компонент, который он находит в URL

Ниже код будет в вашем doctor-routing.module.ts

 const routes: Routes = [ { path: 'doctors-list', component: DoctorsComponent}, { path: 'create', component: DoctorsPageComponent}, { path: 'create/:id', component: DoctorsPageComponent} ]; 

Над маршрутами вы можете использовать, как это —

  1. Загружает врачу компонент

    {amp}lt;a routerLink="doctors/doctors-list" routerLinkActive="active"{amp}gt;{amp}lt;/a{amp}gt;

  2. Загружает компонент страницы врачей в режиме создания

    {amp}lt;a routerLink="doctors/create" routerLinkActive="active"{amp}gt;{amp}lt;/a{amp}gt;

  3. Загружает компонент страницы врача в режиме редактирования

    {amp}lt;a routerLink="['doctors/create', id]" routerLinkActive="active"{amp}gt;{amp}lt;/a{amp}gt;