Angular i routing podwójnie wygenerowany komponent

0

Witam, mam problem z routingiem w angularze. Mianowicie chodzi o to że czasami <router-outlet></router-outlet> wyświetla mi dwa razy ten sam komponent.

app.routing.module.ts

const routes: Routes = [
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  },
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: 'admin',
    component: AdminComponent,
    canActivate: [ AuthAdminGuardsService ],
    children: [
      {
        path: '',
        redirectTo: '/admin/exam',
        pathMatch: 'full'
      },
      {
        path: 'exam',
        component: ExamComponent,
        children: [
          {
            path: '',
            component: ExamListComponent
          },
          {
            path: ':id',
            component: ExamDetailComponent
          },
          {
            path: 'add',
            component: ExamAddComponent
          }
        ]
      },
      {
        path: 'question',
        component: QuestionComponent
      },
    ]
  },
  {
    path: '**',
    component: PageNotFoundComponent
  }
];

app.component.html

<router-outlet></router-outlet>

AdminComponent

@Component({
  selector: 'app-admin',
  template: `
    <app-admin-menu-bar></app-admin-menu-bar>
    <router-outlet></router-outlet>`
})
export class AdminComponent {
}

ExamComponent

@Component({
  selector: 'app-exam',
  template: `
    <div class="container">
        <router-outlet></router-outlet>
    </div>`
})
export class ExamComponent {
}

Czy ktoś może powiedzieć gdzie jest błąd?

0

Dobra znalazłem w innym komponencie przez przypadek umieściłem dodatkowy <router-outlet></router-outlet>. Temat do zamknięcia.

1 użytkowników online, w tym zalogowanych: 0, gości: 1