УГЛОВОЙ |Используйте два компонента с одинаковым маршрутом

Question

Мне нужно использовать этот маршрут '/', но этот маршрут должен использовать компонент, выбранный после проверки подлинности.

Я хочу сделать то, что делает Facebook.Когда вы собираетесь войти, URL-адрес «facebook.com», а также «facebook.com», когда вы находитесь на главной странице.

Итак, что я пробовал, что это ответыговорит: https://stackoverflow.com/a/49095103/9588225

Но проблема в том, что я получаю эту ошибку: "внедрение циклической зависимости" из-за внедрения в механизм сопоставления.

Я хотел бы знать, есть ли другой способвнедрить службу в функцию или, если есть какой-то способ проверить это.

Большое спасибо.

Answer 1

Вероятно, было бы проще сохранить один и тот же компонент для маршрута и иметь два отдельных дочерних компонента и * ngIf или что-то в зависимости от того, вошел ли пользователь в систему или нет

<login-component *ngIf="!userLoggedIn"></login-component>
<app-component *ngIf="userLoggedIn"></app-component>

Это простобазовый пример, но вы можете продолжить отсюда

Таким образом, вы полностью контролируете, какой компонент отображается над маршрутом, и вам не нужно беспокоиться о будущих версиях углового изменения конфигурации маршрута.