Angular 学习（三）：Angular 模块（NgModule）

蔚落 2021-09-29 01:46 397阅读 0赞

# Angular 模块（NgModule） #

*  Angular 应用是模块化的， 它拥有自己的模块化系统， 称作 NgModule。 一个 NgModule 就是一个容器， 用于存放一些内聚的代码块， 这些代码块专注于某个应用领域、 某个工作流或一组紧密相关的功能。 它可以包含一些组件、 服务提供商或其它代码文件， 其作用域由包含它们的 NgModule 定义。 它还可以导入一些由其它模块中导出的功能， 并导出一些指定的功能供其它 NgModule 使用。
 *  一个模块也是一个带有 @NgModule 装饰器的 TypeScript 类。

### NgModule 元数据 ###

import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import {HttpClient, HttpClientModule} from '@angular/common/http';
    
    import { AppComponent } from './app.component';
    
    @NgModule({
      declarations: [
        AppComponent,
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule,
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

*  `declarations`

> 声明模块有什么东西， 只能声明组件、 指令和管道。

*  `imports`

> 导入表， 声明了要让应用运转所依赖的一些模块。

*  `providers`

> 声明模块中提供了哪些服务， 只能声明服务。

*  `bootstrap`

> 声明模块的主组件是什么。 只有根模块才应该设置这个 bootstrap 属性。

发表评论取消回复

表情：

评论列表（有 0 条评论，397人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular 8 学习（三进阶）

前面讲解了angular环境的搭建，自定义组件的创建，使用。这都只是入门，准备好进入Angular的世界了吗？学习完这章，我们要会一下内容： ![waterm...

以你之姓@/ 2024年04月17日 14:28/ 0 赞/ 85 阅读

相关 Angular入门到精通系列教程（11）- 模块(NgModule)，延迟加载模块

文章目录 1. 摘要 2. NgModule举例、说明 3. Angular CLI生成模块 4. 延迟加载模块 5. 总结 > 环境:

客官°小女子只卖身不卖艺/ 2023年01月10日 14:48/ 0 赞/ 105 阅读

相关 angular4.x学习笔记--模块

模块 Angular很重要的概念之一仍然是模块。Angular整个框架就是由很多个模块组成的，而不同的模块需要从不同的地方导入。打开`package.json`文件，可以

不念不忘少年蓝@/ 2022年05月28日 01:13/ 0 赞/ 261 阅读

相关 Angular(三) - 路由模块

在原始的路由配置中，你提供了仅有两个路由的简单配置来设置应用的路由。如下图 ![这里写图片描述][70] 对于简单的路由，这没有问题。随着应用的成长，你用到了更多路由

秒速五厘米/ 2022年05月23日 07:36/ 0 赞/ 214 阅读

相关 Angular学习心得（三）

与后台信息交互： 1、￥http.get(url,参数).success(function()\{\}).error(function()\{\}); $http.po

爱被打了一巴掌/ 2022年05月12日 02:46/ 0 赞/ 208 阅读

相关 Angular6学习笔记15：核心知识-模块（NgModule）

模块（NgModule）继学习笔记14，可以大概的知道Angular的大概架构，现在在一一深入了解。 Angular的应用，会将整个应用进行模块化处理，即：将一个应用

短命女/ 2022年05月08日 07:42/ 0 赞/ 212 阅读

相关 Angular 学习（十）：Angular 表单

Angular 表单什么是模板式表单表单的数据模型是通过组件模板中的相关指令来定义的，因为使用这种方式定义表单的数据模型时，我们会受限于 HTML 的语法，

红太狼/ 2021年09月29日 11:50/ 0 赞/ 602 阅读

相关 Angular 学习（三）：Angular 模块（NgModule）

Angular 模块（NgModule） Angular 应用是模块化的，它拥有自己的模块化系统，称作 NgModule。一个 NgModule 就是一个容器

蔚落/ 2021年09月29日 01:46/ 0 赞/ 398 阅读

相关 Angular 学习（二）：Angular 简介

文章目录一、 Angular 介绍 AngularJS 特性

怼烎@/ 2021年09月29日 01:44/ 0 赞/ 710 阅读

相关 Angular自学笔记（一）ngModule 元数据

工作硬上开发angular项目，好难啊，上网搜资料教程真的贼少，吐槽真的没什么人用angular，自己学习到处搜集整理的笔记，分享出来，方便查看理解总结。应该适用于angul

男娘i/ 2021年09月07日 06:11/ 0 赞/ 373 阅读