文章内容
2019/12/2 22:28:08,作 者: 黄兵
Angular 组件与模块
通常组件不会独立存在，而是通过与其他组件协作，完成一个完整的功能特性，在Angular中，这样的功能特性通常会封装到一个模块里。
模块是组件之上的一层抽象，组件以及命令、管道、服务、路由等都能通过模块去组织。
模块的构成
Angular提供了@NgModule装饰器来创建模块，一个应用可以有多个模块，但是只有一个根模块，其他模块叫做特性模块，根模块是启动应用程序的入口模块，根模块必须通过bootstrap元素局来指定应用的根组件，然后通过bootstrapModule()来启动应用。
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
SharedModule,
FontAwesomeModule,
OAuthModule.forRoot()
],
providers: [
Title,
OAuthConfig,
{
provide: APP_INITIALIZER,
useFactory: initOAuth,
deps: [OAuthConfig],
multi: true
},
AuthGuard,
AuthenticationService,
AccountService,
HomeInitService,
PrivateNumberService,
PhoneNumberService,
CartService,
IdentityService
],
bootstrap: [AppComponent]
})
export class AppModule { }建立了一个根模块，名称为：AppModule，然后通过@NgModule的bootstrap元数据指定AppComponent组件。
利用platformBrowserDynamic().bootstrapModule(AppModule)来启动这个根模块，这样Angular程序就能运行起来，并将AppConponent组件的内容显示到页面上。
评论列表