Я пытаюсь перенаправить на другой компонент нажатием кнопки внутри компонента, используя метод router.navigate (). Я использую вторичную розетку маршрутизатора. Но каждый раз, когда я получаю это
Error: Cannot match any routes: 'listproducts'
приложение-маршрутизации module.ts:
const routes: Routes = [
{ path: "", component: IndexComponent, pathMatch: 'full' },
{ path: "home",
component: HomeComponent ,
children: [
{ path: 'additem', component: AdditemComponent, outlet: "mainOutlet" },
{ path: 'bookitem', component: BookitemComponent, outlet: "mainOutlet" },
{ path: 'listproducts', component: ListProductsComponent, outlet: "mainOutlet" },
{ path: 'listorders', component: ListOrdersComponent, outlet: "mainOutlet" },
{ path: 'viewcart', component: ViewCartComponent, outlet: "mainOutlet"}
],
canActivate: [AuthGuard]
}
];
компонент:
CreateOrder(customer: Customer){
<<do something>>
this.router.navigate([{ outlets: {mainOutlet: 'listproducts'}}]);
}
Есть вопросы с похожим названием, но все они связаны с перенаправлением из HTML-шаблона.