How to route components on the same page in Angular 6?

Question

Angular

Hello dear toaster.
When studying Angular, I came across the need to change the routing on one page, let's say 2 components are located on the same page. Two tab Authorization and registration, when you click on the registration tab, the route in the address bar changed. How to do it.

Answer 1

Create two routes and one component (with two subcomponents: registration, authorization) for both routes. In the main component, check the current route and show the appropriate subcomponent