无法加载内容路由器出口

Question

我正在尝试根据身份验证更改路由器出口。我的代码如下

<div *ngIf="isLoggedIn" class="layout-wrapper layout-2" [ngClass]="{'layout-loading': !initialized}">
<div class="layout-inner">
<app-layout-sidenav></app-layout-sidenav>
<div class="layout-container">
<app-layout-navbar></app-layout-navbar>
<div class="layout-content">
<div class="container-fluid router-transitions flex-grow-1 container-p-y">
<router-outlet></router-outlet>
</div>
<app-layout-footer></app-layout-footer>
</div>
</div>
</div>
</div>
<div class="layout-overlay" (click)="closeSidenav()"></div>
<ng-container *ngIf="!isLoggedIn">
<router-outlet></router-outlet>
</ng-container>

在这里，登录屏幕工作正常，但登录后，我无法从经过身份验证的路由加载内容。但如果我完全刷新页面，它就可以工作了。

此外，我尝试过使用网点名称，但它也不起作用

有人能解决这个问题吗？

提前感谢

Answer 1

我认为下面的代码是问题所在，请将其更改为

之前：

<ng-container *ngIf="!isLoggedIn">
<router-outlet></router-outlet>
</ng-container>

之后：

<router-outlet></router-outlet>

如果你想在路由中为canActivate实现authorization，这是标准的方法！