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

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'
    }
];

---

我还汇总了一个可行示例的堆栈闪电，说明了如何构建这样的内容。

  

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

     

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