Angular 模块 (NgModule)

Angular 模块 (NgModule)

NgModule 是一个带有 @NgModule 装饰器的类。

Angular 模块把组件、指令和管道打包成内聚的功能块,每个模块聚焦于一个特性区域、业务领域、工作流或通用工具。

NgModule 的元数据会做这些:

  • 声明某些组件、指令和管道属于这个模块。

  • 公开其中的部分组件、指令和管道,以便其它模块中的组件模板中可以使用它们。

  • 导入其它带有组件、指令和管道的模块,这些模块中的元件都是本模块所需的。

  • 提供一些供应用中的其它组件使用的服务。

常用模块

NgModule

导入自

为何使用

BrowserModule

@angular/platform-browser

当你想要在浏览器中运行应用时

CommonModule

@angular/common

当你想要使用 NgIf 和 NgFor 时

FormsModule

@angular/forms

当要构建模板驱动表单时(它包含 NgModel )

ReactiveFormsModule

@angular/forms

当要构建响应式表单时

RouterModule

@angular/router

要使用路由功能,并且你要用到 RouterLink,.forRoot() 和 .forChild() 时

HttpClientModule

@angular/common/http

当你要和服务器对话时

模块有两种:

1.框架代码以模块形式组织(文件模块);

2.功能单元以模块形式组件(应用模块);

文件模块:

Angular 模块 (NgModule)

应用模块:

Angular 模块 (NgModule)

 

 

Angular 模块 (NgModule)

Angular 模块 (NgModule)

Angular 模块 (NgModule)