Angular 在同一视图中以角度显示使用路由器的多个功能模块

Angular 在同一视图中以角度显示使用路由器的多个功能模块,angular,angular2-routing,angular4,Angular,Angular2 Routing,Angular4,我有一个用例,需要在视图中同时加载多个模块。问题是,这些模块中的每一个都可能像一个组件一样简单,或者像一个带路由器的复杂角度模块一样复杂。我想你可以称之为可插入框架 我必须显示的模块数量或它们是谁是动态的(我从服务器获取它们)。 我的第一个想法是,如果功能模块的路由器与主路由器不是一个单体,并且如果它们不完全更新url,那么对于这种情况来说是很好的 每个功能模块应该能够作为一个独立的应用程序启动,如果引导(因此,我确实需要它能够纳入所有的角4功能,包括路由器) 我通过玩路由器和命名的路由器出口

我有一个用例,需要在视图中同时加载多个模块。问题是,这些模块中的每一个都可能像一个组件一样简单,或者像一个带路由器的复杂角度模块一样复杂。我想你可以称之为可插入框架

我必须显示的模块数量或它们是谁是动态的(我从服务器获取它们)。

我的第一个想法是,如果功能模块的路由器与主路由器不是一个单体,并且如果它们不完全更新url,那么对于这种情况来说是很好的

每个功能模块应该能够作为一个独立的应用程序启动,如果引导(因此,我确实需要它能够纳入所有的角4功能,包括路由器)

我通过玩路由器和命名的路由器出口(二级路由)设法让一些东西工作起来,但不确定从长远来看这有多好


我应该如何处理这个问题?

我正处于攻击类似场景的早期阶段。在我的应用程序中,UI被组织在面板中,这些面板设计为在较小的显示器上独立显示,或在较大的显示器上并排显示。我发现这种方法适用于我的路线,因为我的应用程序旨在编辑一个复杂、高度层次化的文档,其中包含许多相互关联的部分。e、 用户按照列表上的链接打开详细信息,新的详细信息面板出现在右侧。。。按照详细信息链接到相关节点。。。等等

我现在正在讨论的解决方案是尝试使用一个与路由器(和路由器存储)交互的ngrx存储来根据路由器数据动态创建面板。从技术上讲,它不创建面板,它只提供告诉组件创建和渲染内容的数据


我知道我的站点与你的站点并不完全相同,但也许我的方法中有一些东西可以帮助你找到有用的或者至少是发人深省的东西。

它比你想象的更适合我的应用程序。我也曾想过,在应用程序出现的“容器”(面板)中使用ngrx和路由器的组合。让我知道进展如何!更新:在玩了更多的游戏之后,我已经换了一点装备。存储不再在配线架布线中扮演不可或缺的角色。相反,我使用router config“data”元素将多个组件分配给单个路由。根据激活的布线附带的数据,配电盘容器组件将使用布线数据作为指南动态加载配电盘。基本上,这相当于将每个路由定义为该路由的最右侧面板组件,并将与路由相关联的组件向上移动一个节点。进展如何?你改变了方法还是用了这个?