0

私は角2のプロジェクトに多数のモジュールを持っています。私はと呼ばれるコンポーネントを持っている今、私は、ワークフローモジュールでrouter-outlet insideルータ出口は独立したルートを動的に呼び出します

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

を用いWorkflowManagementModuleと呼ばれるモジュールをロード状況を有する

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

を次のように遅延ロード技術を使用して、モジュールの各々をロードworkflow-フッタはラベルのついたボタンのあるフッタです。次のをクリックすると、サーバーに残りの呼び出しが行われ、フィールド「url」がサーバーから受信されます。これを受けて、私はそのURLに移動しなければなりません。

問題は、私がロードされたルートのフッターコンポーネントフッターを持っている必要が

です。私。 (サーバから受信した経路に基づいて)新しいコンポーネントは、コンポーネントがロードされなければならず、ワークフロー・フッタcomponent.asこれはコードで以下のような状況である

enter image description here

下に示すようなフッタを有するべきです

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

しかし、私はルートが一定でないとしてこれを実現する方法を理解することはできませんが、それは他のmodule.Soがこれを達成するために私を助けてくださいであるとしても、サーバresponse.Asに応じて動的にすることができます。

答えて

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

いいえ。フッターと同じフッタコンポーネントを使用して複数のURLを順番にナビゲートしたいです。基本的には、ルートを変更するフッターに「次の」ボタンがあります。 –

+0

指定したコードが有効になります。上記の私の追加を参照してください。 – DeborahK

+0

しかし、このルータのアウトレットは別のルータアウトレットの内側にあります。ナビゲートすると、新しいルートでページが完全にリロードされます –

関連する問題