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?