Angular 4 - 模块

Angular中的

模块是指您可以对与应用程序相关的组件，指令，管道和服务进行分组的地方.

In如果您正在开发一个网站，页眉，页脚，左侧，中间和右侧部分将成为模块的一部分.

要定义模块，我们可以使用 NgModule .使用Angular -cli命令创建新项目时，默认情况下会在app.module.ts文件中创建ngmodule，它看起来如下 :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

export class AppModule { }

NgModule需要按以下方式导入 :

import { NgModule } from '@angular/core';

ngmodule的结构如下所示 :

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

它以 @NgModule 开头并包含一个对象声明，导入s，提供者和引导程序.

声明

这是一个创建的组件数组.如果创建了任何新组件，它将首先导入，并且引用将包含在声明中，如下所示 :

declarations: [
   AppComponent,
   NewCmpComponent
]

导入

这是一个数组需要在应用程序中使用的模块.它也可以由Declaration数组中的组件使用.例如，现在在@NgModule中我们看到导入的浏览器模块.如果您的应用程序需要表单，您可以将模块包括如下 :

import { FormsModule } from '@angular/forms';

@NgModule 中的导入类似于以下 :

imports: [
   BrowserModule,
   FormsModule
]

供应商

这将包括创建的服务.

Bootstrap

这包括用于开始执行的主要应用程序组件.