理清思路,记录以备忘。
XPName:项目名称
XEName:菜单名称
X:\XPName\angular>:命令行路径
第一步:
XPName.AngularUI/src/shared/layout/topbar.component.ts文件内添加
menuItems: MenuItem[] = [
。。。
new MenuItem("XEName", "", "fa fa-calendar-o", "/app/XEName", true),
。。。
];
第二步:
执行命令 X:\XPName\angular>ng generate component XEName
第三步:
在XPName.AngularUI/src/app/app-routing.module.ts文件内懒加载XEName模块,
...
import { XENameComponent } from ‘./XEName/XEName.component‘;
@NgModule({
imports: [
RouterModule.forChild([
{
path: ‘‘,
component: AppComponent,
children: [
...
{ path: ‘wblogs‘, component: XENameComponent }
]
}
])
],
exports: [RouterModule]
})