理清思路，記錄以備忘。

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]
})

abp+angular2 導航欄添加菜單