有没有办法在同一个应用程序中使用不同的模块进行管理？

Question

我正在设置一个新的Angular7应用程序，我希望根URL指向一个模块而/ admin指向另一个模块。

const appRoutes: Routes = [
    {
        path: '',
        component: AppComponent,
        loadChildren: '../registration/registration.module#RegistrationModule'
    },
    {
        path: 'admin',
        component: AppComponent,
        loadChildren: '../admin/admin.module#AdminModule'
    }
];

我想要实现的是当调用www.xy.com时加载注册模块，并在调用www.xy.com/admin时加载管理模块。

现在，为每个端点加载注册模块。

你们有任何想法如何解决这个问题？

Answer 1

当你懒得加载一个模块时，根路由上不需要component attribute。延迟加载的模块将包含它们自己的一组子路由，这些子路由将确定要显示的组件。你的路由看起来像这样。

const appRoutes: Routes = [
    {
        path: '',
        loadChildren: './registration/registration.module#RegistrationModule'
    },
    {
        path: 'admin',
        loadChildren: './admin/admin.module#AdminModule'
    }
];

---

我还汇总了一个如何构建这样的结构的工作示例的stackblitz。

https://stackblitz.com/edit/angular-zq2cmy

https://angular.io/guide/lazy-loading-ngmodules