После входа в систему моя страница входа отображается вместе с моей панелью мониторинга

#angular #typescript

Вопрос:

На странице входа в систему я ввожу свое имя пользователя -> 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>
 

Вот симуляция -> >здесь

Я не знаю, в чем проблема?

Ответ №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>
 

Комментарии:

1. Ах Да! Спасибо. Но почему мой заголовок на странице входа не имеет ширины:100% ?

2. Потому что текущая страница входа в систему использует макет панели мониторинга. Обычно страница входа в систему использует другой макет, что-то вроде пустого макета.

3. Спасибо за ваш ответ, где страница входа в систему называется dashboard-макет, пожалуйста? Я действительно не вижу в этом проблемы. 🙁

4. Потому что ваш <маршрутизатор-розетка><маршрутизатор-розетка></маршрутизатор-розетка> находится внутри панели управления. Я обновил свой код выше. Это просто решит вашу проблему. Пожалуйста, примите мой ответ, если он был полезен. Спасибо.

5. Большое спасибо за вашу помощь. Это работает.. Просто странно, что заголовок home страницы исчез, но я думаю, что это еще одна проблема?