Sub-Routing (Angular): Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Die Seite wurde neu angelegt: „ Zurück zu Angular“) |
|||
| Zeile 1: | Zeile 1: | ||
{{note|Noch in Bearbeitung}} | |||
== Sub-Route anlegen == | |||
<pre> | |||
import ... | |||
const routes: Routes = [ | |||
{ | |||
path: '', | |||
redirectTo: 'main', | |||
pathMatch: 'full' | |||
}, | |||
{ | |||
path: 'main', | |||
component: MainComponent, | |||
children: [ | |||
{ | |||
path: '', | |||
redirectTo: 'subtarget1', | |||
pathMatch: 'full' | |||
}, | |||
{ | |||
path: 'subtarget1', | |||
component: SubTarget1Component, | |||
outlet: 'sub' | |||
}, | |||
{ | |||
path: 'subtarget1', | |||
component: SubTarget1Component, | |||
outlet: 'sub' | |||
} | |||
] | |||
} | |||
]; | |||
@NgModule({ | |||
imports: [RouterModule.forChild(routes)], | |||
exports: [RouterModule] | |||
}) | |||
export class TestRoutingModule { } | |||
</pre> | |||
Zurück zu [[Angular#Routing|Angular]] | Zurück zu [[Angular#Routing|Angular]] | ||
Version vom 30. November 2018, 11:58 Uhr
Noch in Bearbeitung
Sub-Route anlegen
import ...
const routes: Routes = [
{
path: '',
redirectTo: 'main',
pathMatch: 'full'
},
{
path: 'main',
component: MainComponent,
children: [
{
path: '',
redirectTo: 'subtarget1',
pathMatch: 'full'
},
{
path: 'subtarget1',
component: SubTarget1Component,
outlet: 'sub'
},
{
path: 'subtarget1',
component: SubTarget1Component,
outlet: 'sub'
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class TestRoutingModule { }
Zurück zu Angular