router-outlet inside router-outlet 动态调用独立路由

Question

我有 angular 2 个项目，其中有很多模块。我使用延迟加载技术加载每个模块如下

{ path: 'home', loadChildren: './dashboard/dashboard.module#DashboardModule' },

现在我有一种情况，我使用

加载一个名为WorkflowManagementModule的模块

{ path: 'workflow', loadChildren: './workflow-management/workflow-management.module#WorkflowManagementModule' },

在工作流模块中，我有一个名为 workflow-footer 的组件，它只是一个带有按钮和标签的页脚。当我单击下一步时，将对服务器进行休息调用，并且将从服务器接收字段 "url"。收到此消息后，我必须导航到 url.

现在问题是

我必须有加载路线的页脚组件页脚。 IE。必须加载新组件（基于从服务器收到的路由）组件，它的页脚应为工作流页脚 component.as，如下所示

代码中是这样的情况

<div>some other content</div>
<router-outlet></router-outlet>
<work-footer></work-footer>

但我无法理解如何实现这一点，因为路由不是恒定的，它可以是动态的，具体取决于服务器 response.As 以及其他 module.So 请帮助我实现这个。

Answer 1

我不确定我是否理解。您是否尝试根据路由指定完全不同的页脚内容？

如果是，则将适当的页脚组件添加到每个路由组件的模板中。

在组件 A 中：

<div>Component A Stuff</div>
<compA-footer></compA-footer>

或

您是说要将不同的内容路由到页脚区域吗？如果是这样，那么您可以使用命名路由器插座。

<div>some other content</div>
<router-outlet></router-outlet>
<router-outlet name="footer"></router-outlet>

然后您可以将一些内容导航到第一个路由器出口，将不同的内容导航到指定的路由器出口。

或

如果您希望在多个页面下方显示标准页脚，您可以使用您在问题中指定的技术：

<div>some other content</div>
<router-outlet></router-outlet>
<work-footer></work-footer>

这对你不起作用吗？

router-outlet inside router-outlet calling independent routes dynamically