Экран входа и регистрации - PullRequest
Новая
       4

Экран входа и регистрации

1 голос
/ 29 марта 2019

У меня следующая проблема, я делаю приложения, использующие ng-zorro-antd, и теперь я хотел бы сделать 2 компонента, один из которых отвечает за вход в систему, другой - за регистрацию. К сожалению, проблема заключается в том, что после создания этих компонентов, как пройти после маршрутизации / входа или / регистрации, эти 2 компонента используют основной шаблон и, например, у меня есть боковая панель. Как я могу заставить их не использовать какой-либо шаблон? Я хотел бы, чтобы логин и регистрация отображали только логин и регистрационные формы.

Я видел во многих шаблонах, что как часть BlankComponent пишет, и это работает, к сожалению, это не работает со мной.

Мои маршруты: 

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent
  },
  {
    path: 'login',
    component: LoginComponent
  }
];

И теперь, когда я пишу BlankComponent, по понятным причинам он показывает, что такого компонента нет, и если я введу сам путь, он также не будет работать, поскольку ему не будет указано, какой компонент должен быть загружен. Если я войду в LoginComponent, он загрузит мне LoginComponent, но при этом я загружу боковую панель, которая находится в общем доступе, и я хочу получить эффект, что после входа в регистр маршрутизации я буду видеть тот же контент RegisterComponent, без боковой панели и т. Д. . с общим.

Мой AppComponent: 

<nz-layout>
  <nz-sider [nzBreakpoint]="'lg'" [nzZeroTrigger]="zeroTrigger" nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="triggerTemplate"
    [nzWidth]="250" style="background-color: #000;">
    <div class="logo">
      <img src="../assets/logo.png" class="logo-img" />
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu>
        <span title><i nz-icon type="money-collect" theme="outline"></i><span class="nav-text">Księgowość</span></span>
        <ul>
          <li nz-menu-item><i nz-icon type="right-circle" theme="outline"></i> Lista użytkowników</li>
          <li nz-menu-item><i nz-icon type="right-circle" theme="outline"></i> Lista transakcji</li>
          <li nz-menu-item><i nz-icon type="right-circle" theme="outline"></i> Lista dokumentów</li>
        </ul>
      </li>
      <li nz-menu-item><span><i nz-icon type="setting" theme="outline"></i><span class="nav-text">Ustawienia</span></span></li>
    </ul>
  </nz-sider>
  <nz-layout style="height: 100%">
    <nz-header class="header">
      <i class="trigger" nz-icon [type]="isCollapsed?'menu-unfold':'menu-fold'" (click)="isCollapsed=!isCollapsed"></i>
      <nz-content class="profile">

        <nz-select class="language-select" nzPlaceHolder="Language">
          <nz-option nzLabel="Polski" nzValue="pl"></nz-option>
          <nz-option nzLabel="Angielski" nzValue="eng"></nz-option>
        </nz-select> 
      </nz-content>
    </nz-header>
    <nz-content style="margin:16px;">
      <div class="content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>
<ng-template #trigger>
  <i nz-icon type="up"></i>
</ng-template>
<ng-template #zeroTrigger>
  <i nz-icon type="menu-fold" theme="outline"></i>
</ng-template>

И проблема в том, что после входа в компонент RegisterComponent мне представляется все содержимое AppComponent, и я хочу только читать содержимое RegisterComponent

...