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

但是這個路由器插座位於另一個路由器出口內。如果我導航,它會用新路由完全重新加載頁面 –