子路由树的基本路由示例
app.module.ts
import {routes} from "./app.routes";
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, mainModule.forRoot(), RouterModule.forRoot(routes)],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.routes.ts
import { Routes } from '@angular/router';
import {SubTreeRoutes} from "./subTree/subTreeRoutes.routes";
export const routes: Routes = [
...SubTreeRoutes,
{ path: '', redirectTo: 'home', pathMatch: 'full'}
];
subTreeRoutes.ts
import {Route} from '@angular/router';
import {exampleComponent} from "./example.component";
export const SubTreeRoutes: Route[] = [
{
path: 'subTree',
children: [
{path: '',component: exampleComponent}
]
}
];