Ленивая загрузка для дочерних маршрутов не перенаправляет на дочерние маршруты

Question

Привет, для меня родительская маршрутизация работает нормально, но для маршрутов chid она не перенаправляет и не получает ошибок

в app.routing

const routes: Routes = [
  {
    path: 'card',
    loadChildren: './cards/cards.module#CardsModule',
    canActivate: [AuthGuard]
  },
  {
    path: 'card/:id',
    loadChildren: './cards/cards.module#CardsModule',
    canActivate: [AuthGuard]
  }]

в маршрутизации карты:

   import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Cardscomponent } from './cards.component';
import { AuthGuard } from '../_services/auth.guard';
import { CardDetailsComponent } from './card-details/card-details.component';

const routes: Routes = [
    { path: '', component: Cardscomponent,
    children :[
      { path: ':id', component: CardDetailsComponent}
    ]
    }
]

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class CardsRoutingModule { }

localhost: 4200 / карта работает, но localhost: 4200 / card / 1234 не работает и не получает никаких ошибок, любая помощь ...

Answer 1

Проверьте, есть ли у вас router-outlet в дочернем компоненте.

Когда URL-адрес обновлен, но представление не отображается, оно обычно сводится к отсутствующей розетке маршрутизатора. Узнал, что при разработке всего проекта с angular элементами.

Если вы включите трассировку , вы увидите, что все события маршрутизатора успешно инициированы.