关于module

在angular中有一个核心module叫app.module,但是如果我们把所有的东西都放在app.module里面就不好维护,所以我们可以建立多个module来管理不同的模块

例如,我们可以建立一个share.module来管理所有的公共模块,然后再app.module中导入share.module即可

PS:一定记得,如果要在别的模块引入share.module里面的模块,在share.module模块中记得要导出,不然别的模块是引用不到的

 

app.module

import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from 
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { SharedModule } from './shared/shared.module';


@NgModule({
   imports: [
    HttpClientModule,
    SharedModule,
    })
  ],
  declarations: [
    AppComponent,
   ],
  //the service providers(各种服务提供商)
  providers: [ 
    CookieService,
    HttpService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
SharedModule:比如我们在share.module中引入了chartmodule
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { ChartModule } from '@syncfusion/ej2-angular-charts';




@NgModule({
  imports: [
    ChartModule
  ],
  exports: [
    ChartModule  //一定记得要导出
  ],
  declarations: [
    DialogComponent
  ]
  providers:[
    { provide: PERFECT_SCROLLBAR_CONFIG, useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG }
  ]
})
export class SharedModule { }

 

posted @ 2020-11-12 15:06  jahoon  阅读(73)  评论(0)    收藏  举报