Secondary routing in a modal with Angular

Question

Right now I am using a modal (ng-bootstrap) in my application, and I would like to create a "steps wizard" inside it.

In my app-module I have:

entryComponents: [
    CreateRequestModalComponent
]

In my routing module:

{path:"step-one", outlet: "modal", component: StepOneComponent},
{path:"list",component: ListComponent},
{path:"", component: RootComponent}

In my modal I tried to put a link with the html or even a navigate in ngOnInit but it does not show anything.

<a [routerLink]="[{ outlets: { modal: 'step-one' } }]">open</a>

If I put this link in my list component that is in the same level (routing) of the modal, it shows the step-one perfectly.

Is it because the modal is loaded dynamically? Does it have any solution?

question from:https://stackoverflow.com/questions/65835176/secondary-routing-in-a-modal-with-angular

Answer 1

Waitting for answers