alexspring123/NG-ZORRO-TEMPLATE

路由改造为路由模块,支持模块异步加载

Closed this issue · 1 comments

  • 删除ContentsRoutes配置类,自定义模块需要定义路由模块并import到自己的module中,例如角色demo模块写法
import { Route, RouterModule } from "@angular/router";
import { RoleListComponent } from "app/contents/role-demo/list/role-list.component";
import { RoleComponent } from "app/contents/role-demo/role.component";
import { PermissionGurid } from "app/permission.gurid";
import { NgModule } from "@angular/core";

const roleRoutes: Route[] = [
   { path: 'role', redirectTo: '/frame/role/list', pathMatch: 'full' },
   {
       path: 'role', component: RoleComponent, data: { title: '角色' },
       children: [
           { path: 'list', component: RoleListComponent, data: { title: '角色列表', permission: ['/role/view'] } },
       ]
   },
];

@NgModule({
   imports: [RouterModule.forChild(roleRoutes)],
   exports: [RouterModule]
})
export class RoleRoutingModule { }

import到自己的module中:

@NgModule({
   imports: [
       CommonModule,
       RouterModule,
       FormsModule,
       ReactiveFormsModule,
       NgZorroAntdModule,
       RoleRoutingModule
   ],
   declarations: [
       RoleComponent,
       RoleListComponent,
   ],

   exports: [RoleComponent],
   providers: [RoleService]
})
export class RoleModule {
}