Я пытаюсь перейти от одного компонента к другому, но у меня возникла проблема: недопустимая конфигурация маршрута '': redirectTo и дочерние элементы не могут использоваться вместе. Как я могу это исправить?
файл маршрута:
{
path: '',
redirectTo: 'offre-management', pathMatch: 'full',
children: [
{ path: 'offre-mngmnt-sites-list-all',
component: OffreMngmntSitesListAllComponent }
]
}
html, когда я вызываю метод для перехода к компоненту OffreMngmntSitesListAllComponent:
<span role = "button" (click) = "showAll()">
show all
</span>
и файл ts, когда у меня есть метод, который будет вызывать компонент OffreMngmntSitesListAllComponent:
showAll(){
this.router.navigate(["offre-mngmnt-sites-list-all"])
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Если OffreMngmntSitesListAllComponent действительно ваш дочерний компонент, тогда ваши маршруты должны быть такими:
const routes = {
path: 'offre-management',
component: ${your office management component},
children: [
{
path: 'offre-mngmnt-sites-list-all',
component: OffreMngmntSitesListAllComponent
},
{
path: '', redirectTo: 'offre-management', pathMatch: 'full',
}
]
};
И ваша навигация будет такой:
this.router.navigate(["offre-management/offre-mngmnt-sites-list-all"])