ngx管理员/星云如何在页面模块外创建页面

Question

我只是在尝试ngx管理，我想创建一个没有页眉和页脚的页面，所以我用创建了一个模块

ng g m打印--路由打印--模块应用程序模块

内部路由

export const routes: Routes = [
{
path: 'pages',
loadChildren: () => import('./pages/pages.module')
.then(m => m.PagesModule),
},
{ path: '', redirectTo: 'pages', pathMatch: 'full' },
{ path: 'print', loadChildren: () => import('./print/print.module').then(m => m.PrintModule) },
{ path: '**', redirectTo: 'pages' },
];

在页面菜单.ts 中

export const MENU_ITEMS: NbMenuItem[] = [
{
title: 'E-commerce',
icon: 'shopping-cart-outline',
link: '/pages/dashboard',
home: true,
},
{
title: 'Print',
link: '/print'
},.....// the original menu in here 

当我运行并点击打印链接时，它只显示一个空白页面，里面什么都没有。我仍然不知道如何在ngx管理中创建自定义页面

我按照这里的指示https://akveo.github.io/nebular/docs/auth/custom-auth-components#related-文章，但效果不太好。

我使用angular 11用于这个项目和最新的ngx管理员

Answer 1

您应该在Print文件夹上创建PrintRoutingModule，然后将该文件导入PrintModule。

print-routing.module.ts

export const routes: Routes = [
{
path: '',
component: PrintComponent,
},
];
const config: ExtraOptions = {
useHash: false,
relativeLinkResolution: 'legacy'
}
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class PrintRoutingModule {
}

它对我有效，或者你可以更改

{ path: 'print', loadChildren: () => import('./print/print.module').then(m => m.PrintModule) },

至

{
path: 'print',
component: PrintComponent,
},

两者都产生相同的

Answer 2

1. 创建打印模块&页面模块外的组件

ng g m print--路由=true
ng g c print--内联模板=true--跳过测试=true--内联样式=true

2. 内部print.component.ts这样做

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'ngx-print',
template: `
<router-outlet></router-outlet>
`,
styles: [
]
})
export class PrintComponent implements OnInit {   
constructor() { }    
ngOnInit(): void {
}    
}

3. 在app-routing.module.ts上添加：

{路径："打印"，loadChildren：((=>import('./print/print.module'(。然后(m=>m.PrintModule(}，

4. 现在尝试从/print访问它/它应该加载没有任何布局组件的空页面