0

我有角2项目,其中有很多模块。我加载每个使用迟缓装载技术模块的如下路由器插座内router-outlet动态调用独立路由

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

现在我有一种情况,我加载使用

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

在工作流模块称为WorkflowManagementModule模块我称工作流 - 的成分页脚只是一个带有标签按钮的页脚。当我点击下一步时,将对服务器进行休息呼叫,并从服务器接收到一个字段“url”。收到这个我必须导航到该网址。

现在问题

我必须加载路线的页脚部分页脚。即新组件(基于在路径上从服务器接收的)组分具有被加载并且它应具有页脚如下所示

enter image description here

情况是这样的,如下面的代码工作流页脚component.as

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

但我无法理解如何实现这一目标的途径不是恒定的,它可以根据服务器response.As以及它在其他module.So请帮我实现这个是动态的。

回答

1

我不确定我的理解。你是否试图根据路线指定完全不同的页脚内容?

如果是这样,则为每个路由组件添加适当的页脚组件到模板上。

成分A:

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

OR

你是说你想的路线不同的东西到页脚区域?如果是这样,那么你可以使用一个命名的路由器插座。

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

然后,您可以将某些内容导航到第一个路由器插座,并将不同内容导航到指定的路由器插座。

OR

如果你想拥有下方出现多页的标准的页脚,你可以用你在你的问题中指定的技术:

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

是不是为你工作?

+0

No ..我想要一个接一个地浏览到多个url,页脚组件与页脚相同。基本上,我在页脚中有一个“下一个”按钮,用于更改路径。 –

+0

然后你指定的代码应该可以工作。见上面我的补充。 – DeborahK

+0

但是这个路由器插座位于另一个路由器出口内。如果我导航,它会用新路由完全重新加载页面 –