Как в angular скрыть родителя routing?

Question

[Адель Халитов]

Всем доброго дня. Имею схему роутингов:

const routes: Routes = [
  { path: '', component: RegularComponent },
  { path: 'crm', component: LoginComponent ,
  children: [
    { path: 'newlead', component: NewLeadComponent, canActivate: [AuthGuard] },
    { path: 'leadlist', component: LeadListComponent, canActivate: [AuthGuard],
      children: [
        { path: ':id', component: LeadPageComponent, canActivate: [AuthGuard] },
      ]
    },
  ]},
];

Там где есть дочерние элементы, уловно в компоненте LoginComponent я вставляю тег <router-outlet></router-outlet>, для того чтобы отобразить дочерний элемент.

Все нормально работает, за исключением того, что переходя в дочерний элемент, отображаются и родительские и дочерние. Как сделать так, чтобы родительский элемент был скрыт?

Answer 1

[Антон Швец]

Подписывайтесь на activatedRouter, проверяйте его и выставляйте флаг скрытия. Ну и контент в родительском под ngIf.
Но если возникла такая нужда, скорее всего вы что-то архитектурно делаете не так.

Comments

[Адель Халитов]

Так вот в чем проблема то я понять не могу, я думаю разрабы нагулял предусмотрели мою проблему

[Антон Швец]

Адель Халитов, я не вижу тут никакой проблемы, родитель для того и нужен чтобы отображать его контент.
А если родитель вам не нужен, то и делайте сразу без него

{ path: 'crm/newlead', component: NewLeadComponent, canActivate: [AuthGuard] }

разумеется это должно стоять выше, чем path: 'crm'

Вообще то что вы хотите сделать, делается по другому. У вас в RegularComponent должна быть проверка на логин, и если его нет то редирект на LoginComponent.
Сам LoginComponent никаких детей содержать не должен.

[Адель Халитов]

Антон, почему нет, это реализовано в guard canactivate, делается запрос на сервер, бэк проверяет куки и сопоставляет с сессией в базе данных. Если все ок функция canactivate возвращает true, если что то другое, то false и идёт редирект на логин.
Возможно я сделал неправильно, но я придерживался официальной документации angular.
Я делал так как вы указали в самом начале, после я переделал на то как сейчас описано в моем вопросе.
По мне реализация которую вы предлагаете не очень корректная, пути прийдется менять в каждом из url, в этом то и вся порнография.
И с ngIf тоже кривовато получается, не правильно как то.
Спасибо

[Антон Швец]

Адель Халитов, ну вот в гварде и ставится перенаправление. Или в самом родительском компоненте.
А у тебя функциональные компоненты пользователя вложены в окно логина. Ничего странным не кажется?

[Адель Халитов]

Антон, Ну я просто подумал реализовать несколько по другому, если человек переходит на */crm, то если у него есть куки пользователя, его редиректит на */crm/dashboard, если нет то отображается сам логин)