Angular 登录和注册屏幕
我有以下问题,我正在使用ng zorro antd开发应用程序,现在我想做两个组件,一个负责登录,另一个负责注册。不幸的是,问题是在创建这些组件之后,如何在路由/登录或/注册之后进行,然后这两个组件使用主模板,例如我有一个侧栏。如何使他们不使用任何模板?我希望登录和注册只显示登录和注册表格 我在许多模板中看到,作为BlankComponent编写的一部分,它可以工作,但不幸的是,它不能与我一起工作 我的路线:Angular 登录和注册屏幕,angular,ng-zorro-antd,Angular,Ng Zorro Antd,我有以下问题,我正在使用ng zorro antd开发应用程序,现在我想做两个组件,一个负责登录,另一个负责注册。不幸的是,问题是在创建这些组件之后,如何在路由/登录或/注册之后进行,然后这两个组件使用主模板,例如我有一个侧栏。如何使他们不使用任何模板?我希望登录和注册只显示登录和注册表格 我在许多模板中看到,作为BlankComponent编写的一部分,它可以工作,但不幸的是,它不能与我一起工作 我的路线: const routes: Routes = [ { path: '',
const routes: Routes = [
{
path: '',
component: DashboardComponent
},
{
path: 'login',
component: LoginComponent
}
];
现在,当我写BlankComponent时,出于明显的原因,它表明没有这样的组件,如果我输入路径本身,它也不会工作,因为它不会给出应该加载的组件。如果我输入LoginComponent,它将向我加载LoginComponent,但我将加载共享的侧栏,我希望得到这样的效果,即在输入路由寄存器后,我将看到相同的内容注册表组件,没有共享的侧栏等
我的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>
-
克西戈沃奇
- Lista użytkowników
- Lista transakcji
- Lista dokumentów
- Ustawienia
问题是,在进入RegisterComponent组件后,AppComponent的所有内容都会出现在我面前,我只想阅读RegisterComponent的内容你能给我们看看你的代码吗?还请阅读如何创建一个最小、完整且可验证的示例:我添加了代码:)