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

时间:2017-03-29 12:44:38

标签: angular angular2-routing angular4

我有一个用例,我需要在视图中同时加载多个模块。事实上,这些模块中的每一个都可能像组件一样简单,也可能是带有路由器和一切的复杂Angular模块。我想你可以称之为可插件框架。

我必须展示的模块数量或者它们是动态的(我从服务器获取它们)。 enter image description here

我的第一个想法是,如果功能模块的路由器不是主要的单一路由器,并且如果它们不能完全更新网址,那么这种情况会有好处。

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

我设法通过玩路由器和命名路由器插座(辅助路由)来获得一些工作但不确定从长远来看有多好。

我该如何处理?

1 个答案:

答案 0 :(得分:1)

我处于攻击某种类似场景的早期阶段。在我的应用程序中,UI被组织在面板中,这些面板设计为独立于较小的显示器上,或者并排放置在较大的显示器上。我发现这种方法适用于我的路线,因为我的应用程序旨在编辑具有许多相互关联部分的复杂,高度重要的文档。例如用户按照列表上的链接打开详细信息,右侧显示新的详细信息面板...详细链接到相关节点...等等。

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

我知道我的情况与你的不完全一样,但也许在我的方法中有一些东西可以帮助你找到有用的或至少是发人深省的。