1.安装core ,shared模块
ng g m core ng g m shared
2.在shared中导入core模块 core模块只加载一次所以将公共组件放到core中
3.创建公共组件:
ng g c core/header --spec=false 创建header组件,并且不使用测试
4.在core.moudles.ts中exports导出
@NgModule({
declarations: [HeaderComponent, FooterComponent, SidebarComponent],
imports: [
CommonModule
],
exports: [
HeaderComponent,
FooterComponent,
SidebarComponent
]
})
5.material-ui 学习
安装
npm install @material-ui/core
npm install --save @angular/material
在app.module.ts中引入angular/material相关组件并导出