0
Ich bin Anfänger in Winkel 2 und ich versuche, einige Routing-Praxis zu tun. Ich habe eine Schaltfläche auf ProductDetailComponent. Wenn ich nun auf die Schaltfläche klicke, möchte ich, dass die Seite zu moreDetailComponent routet.Angular 2 - Nested Routing
export const TutorialRoutes: Routes =[
i w
{
path: 'Company',
component: CompanyComponent,
children: [
{path: '', redirectTo: 'people'},
{path: 'price', component: PriceComponent},
{path: 'products', component: ProductComponent,
children:[
{path: '', redirectTo:'product-details'},
{path:'product-details', component:ProductDetailsComponent},
{path:'more',component: MoreDetailsComponent}
]
},
]
}
];
// Taste, um Seite zu bewegen (moreDetailsComponent)
<button routerLink="more">Add</button>
der URL Änderung von/Details zu/mehr aber die Seite hat sich nicht geändert. –
Die Route sollte "Firma/Produkte/Produktdetails" lauten und zu "Firma/Produkte/mehr" wechseln, wenn sich die Schaltfläche in der "ProduktDetailsKomponente" befindet. Wenn der Button irgendwo anders ist, sollte es nicht funktionieren. –
Ja, die Schaltfläche befindet sich in der ProductDetailsComponent. Wenn ich auf die Schaltfläche klicke, ändert sich die URL in Ordnung, aber die Seite verbleibt nicht mehr zu der moreDetailsComponent –