模块
创建模块:ng g ng-alain:module sys
生成的文件如下:
sys.module.ts
import {NgModule, Type} from '@angular/core';import {SharedModule} from '@shared';import {SysRoutingModule} from './sys-routing.module';const COMPONENTS: Type<void>[] = [];const COMPONENTS_NOROUNT: Type<void>[] = [];@NgModule({imports: [SharedModule,SysRoutingModule],declarations: [...COMPONENTS,...COMPONENTS_NOROUNT],})export class SysModule {}
sys-routing.module.ts
import {NgModule} from '@angular/core';import {RouterModule, Routes} from '@angular/router';const routes: Routes = [];@NgModule({imports: [RouterModule.forChild(routes)],exports: [RouterModule]})export class SysRoutingModule {}
const routes: Routes = [{path: '',component: LayoutBasicComponent,children: [{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },{ path: 'dashboard', component: DashboardComponent, data: { title: '仪表盘' } },// 业务子模块{path: 'sys', loadChildren: () => import('./sys/sys.module').then((m) => m.SysModule)} // 命令生成的路由]}]
页面
在 sys 模块下创建页面ng g ng-alain:list log -m=sys
