有一个包含所有组件的模块和一个路由模块。
路由模块:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { UserComponent } from './user/user.component';
import { AdminComponent } from './admin/admin.component';
import { AdminDishesComponent } from './admin/adminDishes/adminDishes.component';
import { AdminCategoriesComponent } from './admin/adminCategories/adminCategories.component';
const appRoutes: Routes = [
{
path: '',
pathMatch: 'full',
redirectTo: 'user'
},
{
path: 'user',
component: UserComponent
},
{
path: 'admin',
component: AdminComponent,
children: [
{
path: 'dishes',
component: AdminDishesComponent
},
{
path: 'categories',
component: AdminCategoriesComponent
}
]
}
]; …Run Code Online (Sandbox Code Playgroud)