详解Angular中的NgModule（模块）-js教程-PHP中文网

本篇文章带大家详细了解一下angular中的ngmodule（模块）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

详解Angular中的NgModule（模块）

Angular 模块（NgModule）

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

相关教程推荐：《angular教程》

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

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

衣购网站项目(三层开发)源码
商品查询功能提供了一个快速查看商品的途径。商品查询分为基本查询和高级查询。基本查询：提供关键字和商品大类两种条件的查询，用户可以只填写关键字或者选择商品大类或者关键字和商品大类都填写来查询商品。高级查询：提供关键字，商品大类，商品小类，商品价格范围四种条件的查询，用户可以任意填写其中一种或几种的查询条件来查询想要了解的商品信息。商品查询功能大大的方便了用户，提高了网站的用户体验。（5）帮助系统模块

下载

bootstrap

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

更多编程相关知识，请访问：编程教学！！