Angular Archwizard is not working inside ng bootstrap modal

[imsonofgod]

Angular Archwizard doesn't work inside ng bootstrap modal. Although the wizard is displayed visually, when pressing the continue button, by code it does not recognize the element: this.wizard.goToNextStep(); and it has an undefined value, this is the error: "Cannot read properties of undefined (reading 'goToNextStep')".

does anyone know what is causing this error? does Archwizard not support ng-bootstrap modal scripts?

[imsonofgod]

I can solve this problem. I just had to separate the wizard from another component and call it from the modal. Look this:

<ng-template #content let-modal> <app-frm-wizard #wizard></app-frm-wizard> </ng-template>