登录后，进入登录界面并显示仪表板

Question

在登录页面，我输入我的用户名->test1

第一步

连接成功后，登录页面和仪表板同时显示。

第二步

登录后，登录页面应该消失。

app.component.html

<app-login></app-login>
<app-dashboard-layout [configuration]="configuration">
<div container="sidePanel" *ngIf="currentUser">
<app-navigation-side-panel [links]="links"></app-navigation-side-panel>
</div>
<div container="navigationBar" *ngIf="currentUser">
<app-navigation-bar></app-navigation-bar>
</div>
<div container="mainContent">
<div *ngIf="currentUser">
<a style="color: black" (click)="logout()">Logout </a>
<router-outlet></router-outlet>
</div>
</div>
</app-dashboard-layout>

我认为问题在下面:

<app-login></app-login>

这是一个模拟->

我不知道问题出在哪里?

Answer 1

你不需要把<app-login></app-login>放到app.component.html文件中。这是正确的代码。

<app-dashboard-layout [configuration]="configuration" *ngIf="currentUser">
<div container="sidePanel">
<app-navigation-side-panel [links]="links"></app-navigation-side-panel>
</div>
<div container="navigationBar" *ngIf="currentUser">
<app-navigation-bar></app-navigation-bar>
</div>
<div container="mainContent">
<div>
<a style="color: black" (click)="logout()">Logout </a>
</div>
</div>
</app-dashboard-layout>
<router-outlet></router-outlet>