How to change components?

Question

Angular

I have a DocumentModule .

A wrapper component is loaded in it, which contains <app-sidebar></app-sidebar>and <app-tabs>, in each tab a separate grid component is substituted.

How, when changing tabs, to replace the component <app-sidebar></app-sidebar>- for each tab its own?

Now I know which tab I chose - through the event. How to build the architecture in this case?

Answer 1

Through ngIf. A variable is made - tabNumber, for example. There, through the event, the ordinal number of the taba is written. And in the markup, ngIf is already hung on the necessary sidebars.
For example, for the first tab <app-sidebar ngIf='tabNumber==="1"'></app-sidebar>.