How to build a structure correctly?

Question

JavaScript

Hello!
There is an angular application. There is a ui-router that switches pages.
But there is one problematic page where, in addition to the main controller, there should also be page tabs.
When you click on a tab, its view and controller are pulled up.

Now it's done - but with an overload and the main controller.
That is, now we clicked on the tab - there was a transition along the route, the view of the tab with the tab controller was pulled up + include view with the main controller.
Is there anything I can do to prevent the main controller from rebooting? It is also necessary that the path in the url changes as it is now.
Thank you!

Answer 1

Make nested routes for tabs, the parent controller, as well as its template, will not be reloaded in this case