懒加载

index/src/app/view/admin/admin-article/admin-article.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminArticleComponent} from './admin-article.component';
+
+@NgModule({
+    declarations: [
+        AdminArticleComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminArticleComponent}])
+    ]
+})
+export class AdminArticleModule {
+}

index/src/app/view/admin/admin-category/admin-category.module.ts

@@ -0,0 +1,16 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminCategoryComponent} from './admin-category.component';
+
+@NgModule({
+    declarations: [
+        AdminCategoryComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminCategoryComponent}])
+    ]
+})
+export class AdminCategoryModule {
+}

index/src/app/view/admin/admin-comment/admin-comment.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminCommentComponent} from './admin-comment.component';
+
+
+@NgModule({
+    declarations: [
+        AdminCommentComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminCommentComponent}])
+    ]
+})
+export class AdminCommentModule {
+}

index/src/app/view/admin/admin-index/admin-index.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminIndexComponent} from './admin-index.component';
+
+
+@NgModule({
+    declarations: [
+        AdminIndexComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminIndexComponent}])
+    ]
+})
+export class AdminIndexModule {
+}

index/src/app/view/admin/admin-link/admin-link.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminLinkComponent} from './admin-link.component';
+
+
+@NgModule({
+    declarations: [
+        AdminLinkComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminLinkComponent}])
+    ]
+})
+export class AdminLinkModule {
+}

index/src/app/view/admin/admin-routing.module.ts

@@ -1,15 +1,5 @@
 import {NgModule} from '@angular/core';
 import {RouterModule, Routes} from '@angular/router';
-import {AdminIndexComponent} from './admin-index/admin-index.component';
-import {AdminCommentComponent} from './admin-comment/admin-comment.component';
-import {AdminArticleComponent} from './admin-article/admin-article.component';
-import {AdminCategoryComponent} from './admin-category/admin-category.component';
-import {AdminLinkComponent} from './admin-link/admin-link.component';
-import {AdminTagComponent} from './admin-tag/admin-tag.component';
-import {AdminUpdateComponent} from './admin-update/admin-update.component';
-import {AdminUserComponent} from './admin-user/admin-user.component';
-import {AdminUserinfoComponent} from './admin-userinfo/admin-userinfo.component';
-import {AdminVisitorComponent} from './admin-visitor/admin-visitor.component';
 import {AdminComponent} from './admin.component';
 import {AuthGuard} from './auth.guard';
 
@@ -19,16 +9,56 @@ const routes: Routes = [
         path: '',
         component: AdminComponent,
         children: [
-            {path: 'article', component: AdminArticleComponent, canActivate: [AuthGuard]},
-            {path: 'comment', component: AdminCommentComponent, canActivate: [AuthGuard]},
-            {path: 'category', component: AdminCategoryComponent, canActivate: [AuthGuard]},
-            {path: 'link', component: AdminLinkComponent, canActivate: [AuthGuard]},
-            {path: 'tag', component: AdminTagComponent, canActivate: [AuthGuard]},
-            {path: 'update', component: AdminUpdateComponent, canActivate: [AuthGuard]},
-            {path: 'user', component: AdminUserComponent, canActivate: [AuthGuard]},
-            {path: 'userInfo', component: AdminUserinfoComponent, canActivate: [AuthGuard]},
-            {path: 'visitor', component: AdminVisitorComponent, canActivate: [AuthGuard]},
-            {path: '**', component: AdminIndexComponent, canActivate: [AuthGuard]}
+            {
+                path: 'article',
+                loadChildren: () => import('./admin-article/admin-article.module').then(mod => mod.AdminArticleModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'comment',
+                loadChildren: () => import('./admin-comment/admin-comment.module').then(mod => mod.AdminCommentModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'category',
+                loadChildren: () => import('./admin-category/admin-category.module').then(mod => mod.AdminCategoryModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'link',
+                loadChildren: () => import('./admin-link/admin-link.module').then(mod => mod.AdminLinkModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'tag',
+                loadChildren: () => import('./admin-tag/admin-tag.module').then(mod => mod.AdminTagModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'update',
+                loadChildren: () => import('./admin-update/admin-update.module').then(mod => mod.AdminUpdateModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'user',
+                loadChildren: () => import('./admin-user/admin-user.module').then(mod => mod.AdminUserModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'userInfo',
+                loadChildren: () => import('./admin-userInfo/admin-userInfo.module').then(mod => mod.AdminUserinfoModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: 'visitor',
+                loadChildren: () => import('./admin-visitor/admin-visitor.module').then(mod => mod.AdminVisitorModule),
+                canActivate: [AuthGuard]
+            },
+            {
+                path: '**',
+                loadChildren: () => import('./admin-index/admin-index.module').then(mod => mod.AdminIndexModule),
+                canActivate: [AuthGuard]
+            }
         ]
     }
 ];

index/src/app/view/admin/admin-tag/admin-tag.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminTagComponent} from './admin-tag.component';
+
+
+@NgModule({
+    declarations: [
+        AdminTagComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminTagComponent}])
+    ]
+})
+export class AdminTagModule {
+}

index/src/app/view/admin/admin-update/admin-update.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminUpdateComponent} from './admin-update.component';
+
+
+@NgModule({
+    declarations: [
+        AdminUpdateComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminUpdateComponent}])
+    ]
+})
+export class AdminUpdateModule {
+}

index/src/app/view/admin/admin-user/admin-user.module.ts

@@ -0,0 +1,18 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminUserComponent} from './admin-user.component';
+
+
+@NgModule({
+    declarations: [
+        AdminUserComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminUserComponent}])
+
+    ]
+})
+export class AdminUserModule {
+}

index/src/app/view/admin/admin-userinfo/admin-userinfo.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminUserinfoComponent} from './admin-userinfo.component';
+
+
+@NgModule({
+    declarations: [
+        AdminUserinfoComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminUserinfoComponent}])
+    ]
+})
+export class AdminUserinfoModule {
+}

index/src/app/view/admin/admin-visitor/admin-visitor.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {RouterModule} from '@angular/router';
+import {AdminVisitorComponent} from './admin-visitor.component';
+
+
+@NgModule({
+    declarations: [
+        AdminVisitorComponent
+    ],
+    imports: [
+        CommonModule,
+        RouterModule.forChild([{path: '', component: AdminVisitorComponent}])
+    ]
+})
+export class AdminVisitorModule {
+}

index/src/app/view/admin/admin.module.ts

@@ -1,16 +1,6 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {AdminRoutingModule} from './admin-routing.module';
-import {AdminIndexComponent} from './admin-index/admin-index.component';
-import {AdminArticleComponent} from './admin-article/admin-article.component';
-import {AdminCategoryComponent} from './admin-category/admin-category.component';
-import {AdminCommentComponent} from './admin-comment/admin-comment.component';
-import {AdminTagComponent} from './admin-tag/admin-tag.component';
-import {AdminLinkComponent} from './admin-link/admin-link.component';
-import {AdminUpdateComponent} from './admin-update/admin-update.component';
-import {AdminUserComponent} from './admin-user/admin-user.component';
-import {AdminUserinfoComponent} from './admin-userinfo/admin-userinfo.component';
-import {AdminVisitorComponent} from './admin-visitor/admin-visitor.component';
 import {AdminComponent} from './admin.component';
 import {NgZorroAntdModule} from 'ng-zorro-antd';
 import {NzSpaceModule} from 'ng-zorro-antd/space';
@@ -20,16 +10,6 @@ import {AdminHeaderComponent} from '../../components/admin-header/admin-header.c
 @NgModule({
     declarations: [
         AdminHeaderComponent,
-        AdminIndexComponent,
-        AdminArticleComponent,
-        AdminCategoryComponent,
-        AdminCommentComponent,
-        AdminTagComponent,
-        AdminLinkComponent,
-        AdminUpdateComponent,
-        AdminUserComponent,
-        AdminUserinfoComponent,
-        AdminVisitorComponent,
         AdminComponent
     ],
     imports: [