Создание компонента входа за компонентом приложения

Question

У меня есть угловой сайт с несколькими маршрутами для разных компонентов.

Я определил в app.component.html, что область маршрутизации составляет около 70% экрана, с некоторыми меню и логотипами, остальные 30% - статические - и эти меню и логотипы отображаются на каждом экране / компоненте. .

Проблема сейчас такова: я хочу создать экран входа в систему, «позади» основного приложения (без меню, логотипов и т. Д.). Если я направлюсь к нему, меню не исчезнут - неудивительно.

У меня есть эти маршруты на app.module.ts

const routes: Routes = [
  { path: 'inicio', component: InicioComponent },
  { path: 'list-my-aval', component: ListMyAvalComponent},
  { path: 'create-my-aval', component: CreateMyAvalComponent},
  { path: 'new-calendario', component: NewCalendarioComponent},
  { path: 'login', component: LoginComponent},
  { path: '', redirectTo: '/login', pathMatch: 'full'},

];

Что вы предлагаете мне сделать, чтобы решить эту проблему? Ps: я начинающий

Answer 1

Если все в порядке с размещением всех зарегистрированных компонентов на более глубоком маршруте, например: /secure/inicio и /secure/list-my-aval, и с размещением верхнего маршрута компонента входа, например: /login, тогда вы можете просто использовать дочерний маршрутизатор, например, так::

const routes: Routes = [
    {
        path: 'secure',
        component: SecureComponent,
        children: [
            { path: 'inicio', component: InicioComponent },
            { path: 'list-my-aval', component: ListMyAvalComponent },
            { path: 'create-my-aval', component: CreateMyAvalComponent },
            { path: 'new-calendario', component: NewCalendarioComponent },
        ]
    },
    { path: 'login', component: LoginComponent},
    { path: '', redirectTo: '/login', pathMatch: 'full' },
];