Угловые 4 розетки

Question

<div *ngIf="!loggedIn" class="login">
  <router-outlet></router-outlet>
</div>

<div *ngIf="loggedIn" class="main">
  <router-outlet></router-outlet>
</div>

У меня есть компонент входа (живет в class="login") и приборная панель (живет в class="main") составная часть. У меня также есть компонент реестра, который живет в class="login" дела. Теперь я знаю, что вы не должны использовать два <router-outlet> в том же шаблоне, но если они не отображаются одновременно, я не вижу, в чем проблема. Я также пытался использовать [routersLink]="[{outlets}]" метод, но он не мог заставить его работать. Может потому что <router-outlet> не отображается из-за *ngIf,

Итак, проблема в том, что когда я выхожу из компонента панели мониторинга, я вижу компонент входа в систему. Когда я иду от входа в систему к компоненту регистрации, маршрут обновляется, но компонент регистрации не запускается. Если я перейду прямо со страницы входа на страницу регистрации, она направит и запустит компонент регистрации.

Answer 1

Я поднял похожий вопрос и нашел следующий ответ. Посмотри, работает ли это для тебя,