routeur-sortie à l'intérieur du routeur-sortie appelant dynamiquement des routes indépendantes

Question

J'ai un projet angulaire 2 qui contient beaucoup de modules. Je charge chaque module en utilisant la technique de chargement paresseux comme suit

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

Maintenant, j'ai une situation où je charge un module appelé WorkflowManagementModule à l'aide Dans le module de workflow

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

je un composant appelé Workflow- pied de page qui est juste un pied de page avec le bouton avec l'étiquette suivante. Quand je clique à côté un appel de repos sera fait au serveur et le champ "url" sera reçu du serveur. En recevant ceci, je dois naviguer vers cette URL.

Maintenant, le problème est

Je dois avoir le pied de page de composants de bas de page des routes chargées. C'est à dire. le nouveau composant (basé sur la route reçue du serveur) composant doit être chargé et il devrait avoir le pied de page en bas de page component.as flux de travail affichés ci-dessous

Telle est la situation comme suit dans le code

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

Mais je ne peux pas comprendre comment atteindre ce que les routes ne sont pas constants, il peut être dynamique en fonction du serveur response.As ainsi que dans d'autres module.So s'il vous plaît aidez-moi à atteindre cet objectif.

Answer 1

Je ne suis pas certain de comprendre. Essayez-vous de spécifier un contenu de pied de page entièrement différent en fonction de l'itinéraire?

Si c'est le cas, ajoutez le composant de pied de page approprié sur le gabarit pour chaque composant routé.

dans le composant A:

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

OU

Voulez-vous dire que vous voulez acheminer des choses différentes dans la zone de bas de page? Si c'est le cas, vous pouvez utiliser une sortie de routeur nommée. Ensuite, vous pouvez naviguer dans la sortie du premier routeur et dans le contenu différent de la sortie du routeur nommé.

OU

Si vous voulez avoir un pied de page standard qui apparaît ci-dessous plusieurs pages, vous pouvez utiliser la technique que vous avez indiqué dans votre question:

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

Est-ce ne fonctionne pas pour vous?