Reset ion-tabs Stack or detect changes on unselected tabs


I’ve been trying to have two modes in an app (pro & personal) each has a different tabs & pages.

I did it with a toggle on a BehaviorSubject<boolean> which update the tabs.

The problem is that the toggle change is’nt detected in the unselected tabs (showing false values).

I can only think of two solutions:

  • Reset the ion-tabs stack
  • Or detect the value change in other tabs.

I don’t know how to implement neither of those.

a little bit hard to explain the issue that why I made a stackblitz
You can see the issue when you change tabs (load them in the stack) and then change the mode.