我一直在尝试让我的新登录页面组件在ngx-admin模板中全屏显示。每当我尝试显示登录组件时,它都会出现在带有侧面导航的模板中。我在pages模块中创建了这个登录组件。请帮我把它转换成全屏。
import { ExtraOptions, RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import {
NbAuthComponent,
NbLoginComponent,
NbLogoutComponent,
NbRegisterComponent,
NbRequestPasswordComponent,
NbResetPasswordComponent,
} from '@nebular/auth';
import { LoginComponent } from './login/login.component';
const routes: Routes = [
{path : '' , component: LoginComponent},
{ path: 'pages', loadChildren: 'app/pages/pages.module#PagesModule' },
{
path: 'auth',
component: NbAuthComponent,
children: [
{
path: '',
component: NbLoginComponent,
},
{
path: 'login',
component: NbLoginComponent,
},
{
path: 'register',
component: NbRegisterComponent,
},
{
path: 'logout',
component: NbLogoutComponent,
},
{
path: 'request-password',
component: NbRequestPasswordComponent,
},
{
path: 'reset-password',
component: NbResetPasswordComponent,
},
],
},
{ path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: '**', redirectTo: 'pages' },
];
const config: ExtraOptions = {
useHash: true,
};
@NgModule({
imports: [RouterModule.forRoot(routes, config)],
exports: [RouterModule],
})
export class AppRoutingModule {
}
发布于 2020-01-25 00:15:32
要更改登录组件,您需要用您的自定义LoginComponent
替换路由数组中的NbLoginComponent
条目。
还要从路由数组中删除{path : '' , component: LoginComponent},
和{ path: '', redirectTo: 'login', pathMatch: 'full' },
。
如果您还需要修改身份验证组件的通用包装器(带上一步按钮的卡片),可以修改NbAuthComponent
模板。
有关分步说明,请参阅custom auth components guide。
https://stackoverflow.com/questions/59508442
复制相似问题