In a winform app, I would have a breadcrumb trail across the top of a form. If the user took certain actions within that form to drilldown, a new breadcrumb would appear at the top, I would hide the current panel, and then display a new panel with the new content. This could go on and on.Angular doesn't seem to have a concept of panels but isn't a component almost the same thing?Do you have any sample that I've missed where the user clicks a button and a new component (could be different) is dynamically created and loaded and displayed over the prior one (which is now hidden) and also a breadcrumb trail is updated to allow the user to go backwards?
Hello Patty,
If you would like to show/hide components dynamically based on a button click, then you can use a Boolean variable that is tied to the *ngIf directive that should be placed on those components.
I have created a small sample to demonstrate this. When the user clicks on the button, one component is hidden and the other is shown and vice versa. You can find the link for the sample below:
https://stackblitz.com/edit/pmzmgs?file=src%2Fapp%2Fbuttons-sample-1%2Fbuttons-sample-1.component.ts
Additionally, if you are looking for a solution where the user has to perform set of steps, in order to complete an operation, then you might find our Stepper Component very useful. It is a highly customizable component that visualizes content as a process and shows its progress by dividing the content into successive steps. It appears as a vertical or horizontal line, and has multiple features like step validation, styling, orientation, keyboard navigation etc.
Please let me know if you have any questions or concerns.
Regards, Ivan Kitanov