Meine Elternkomponente html enthält einige Elemente, die ich konstant halten muss, aber meine untergeordneten Komponenten zusammen mit Routen ändern, damit untergeordnete Komponenten geladen werden, aber die Änderung der Routen nicht berücksichtigt wird [If ich versuche, die Strecke Pfad zu treffen direkt auf die Adressleiste ändert, es gerendert wird, aber ohne HTML geordnete KomponentenelementeÄndern von Routen beim Laden von untergeordneten Komponenten angular4
`<parent-component>
<child1-component></child1-component>
<child2-component></child2-component>
<child3-component></child3-component>
//button for loading of child components which would be consistent
throughout in parent component along with child components being loaded
<button (click)="func()"></button>
</parent-component>`
parent-Routing-Modul
`const routes: Routes = [
{ path: 'parentcomponent', component: parentComponent },
{ path: 'child1component', component: child1Component },
{ path: 'child2component', component: child2component },
{ path: 'child3component', component: child3component },
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
vorliegenden]
Stammkomponente ist
Und in meinem Kind Komponenten bei erfolgreicher Ausführung meiner Funktion muss ich
Kinderkomponente
`this.router.navigate[('pathofdesiredcomponent')]`
ich normale Routen sowie Kinder Routen versucht, aber es funktioniert nicht
wo benutzen Sie? –
@mohituprim Ab jetzt ist Router-Outlet> nur in app.component.html vorhanden, wenn ich Child-Routen verwendet habe, dann habe ich auch in der Eltern-Komponente –
Enthu
angegeben, definieren Sie Ihre Hauptroute wie @NgModule ({ Importe: [RouterModule.forRoot (Routen)], Exporte: [RouterModule], Erklärungen: [] }) Export Klasse AppRoutingModule {} –