angular.js学习笔记(二)

时间:2024-11-12 15:36:45

1.安装core ,shared模块

ng g m core  ng g m shared

2.在shared中导入core模块   core模块只加载一次所以将公共组件放到core中

angular.js学习笔记(二)

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相关组件并导出