Discussion :

[CaveMan]

Bonjour à tous,

Je suis actuellement en train de développer un site de cuisine perso.
J'ai une API Angular (version 7) qui vient taper sur un webservice en AdonisJS. Jusque là tout va bien.
Le soucis que je rencontre se situe au niveau des router-outlet d'Angular.

J'ai un outlet principal (situé dans le HTML du composant AppComponent). Au sein de celui-ci, je vient charger le composant AdministrationComponent (quand on est sur la route /admin) au sein duquel j'ai une navbar propre à la partie administration ainsi qu'un deuxième router-outlet qui viendrais charger la liste des recettes, la liste des ingrédients etc (selon le lien sur lequel on clique dans la navbar de la partie admin quoi).

Au premier lien cliqué, ça marche, mon composant est chargé. Mais si j'essaye de cliquer sur un autre lien de la navbar, là ça plante. Angular me lance cette exception :
Error: Cannot activate an already activated outlet.

J'ai créé un stackblitz histoire de mieux présenter le soucis.
Voici le lien : https://stackblitz.com/edit/angular-gkraz2

Peut-être ai-je mal fait quelque chose...
Quelqu'un pourrait-il me secourir ?

Merci à tous !

[CaveMan]

Une âme charitable m'a proposé une solution (en attendant un fix de la team angular car c'est un soucis lié au lazyloading et à l'utilisation des router-outlets dans ce cas).
Je partage le stackblitz si jamais...

https://stackblitz.com/edit/angular-...n.component.ts