angular.js学习笔记(二)

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