I am using angular 8 and ng-bootstrap for my development. I want to have a user registration form with multiple tabs. How can I achieve this without changing my url pattern or you can say while hovering between tabs it should not route to another url or so. This is something I want to achieve with previous and next buttons and submit button at last tab. Please help. For reference click on the image provided. Thanks in advance reference form image
This seems pretty straightforward, if I have interpreted your question correctly.
Use Nav instead of Tabset since ng-bootstrap have deprecated tabset above 6.0 version.
Use the activeId inputs exposed in NgbNav Api to change the current active tab on click of Next or Previous Buttons. I have used a variable active to keep track of it.
Add some corner case logic in ts file to not overshoot or undercut the range. (depends on the number of segments in your form)
Change the last label of the last Next button based on active.
