如何处理具有两个主要部分的角度项目的路由器插座答案

【问题标题】：How to handle router outlet for angular project with two main part如何处理具有两个主要部分的角度项目的路由器插座
【发布时间】：2018-12-24 18:46:18
【问题描述】：

我有一个项目有两个主要部分，一个用于匿名用户，另一个用于用户控制面板。

我为每个部分创建了单独的模块。我在每个主模块中有一些模块。如何处理组件的路由

【问题讨论】：

标签： angular module routing

【解决方案1】：

你可以使用延迟加载的两个主要路由

Routes = [
    {
        path: 'anonymous-user',
        loadChildren: 'module1',
    },
    {
        path: 'control-panel',
        loadChildren: 'module2',
    },
]

这两个模块在其路由模块内部可以有对应的路由配置。

示例：(module1-routing.module.ts)

Routes = [
    {
        path: '', component: AbcComponent,
        children: [
            // child routes
        ],
    },
    {
        // other routes
    }
];

你可以阅读https://angular.io/guide/lazy-loading-ngmodules进行延迟加载

【讨论】：

是的，没错。但是每个组件都有不同的样式，这意味着，我对每个组件都有不同的基础和导航。然后我需要处理路由器插座。我该怎么做？？
我不太清楚你的评论。你能解释一下关于你的应用程序/路由结构的图表吗？