Angular中的模块指的是您可以在其中分组与应用程序相关的组件(components),指令(directives),管道(pipes)和服务(services)。
要定义模块,我们可以使用NgModule。使用Angular –cli命令创建新项目时,默认情况下,ngmodule是在 app.module.ts 文件中创建的 -
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NewCmpComponent } from './new-cmp/new-cmp.component'; @NgModule({ declarations: [ AppComponent, NewCmpComponent ], imports: [ BrowserModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
NgModule需要如下导入:
import { NgModule } from '@angular/core';
ngmodule的结构如下所示-
@NgModule({ declarations: [ AppComponent, NewCmpComponent ], imports: [ BrowserModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] })
它以 @NgModule 开头,并包含一个具有声明(declarations),导入(imports),提供(providers)和引导程序(bootstrap)对象。
组件数组,如果创建了任何新组件,则将首先导入它,并且引用将包含在声明中,如下所示:
链接:https://www.learnfk.comhttps://www.learnfk.com/angular7/angular7-modules.html
来源:LearnFk无涯教程网
declarations: [ AppComponent, NewCmpComponent ]
它是应用程序中需要使用的一系列模块。 声明数组中的组件也可以使用它。 如,现在在@NgModule中,我们看到已导入浏览器模块。 如果您的应用程序需要forms,则可以将模块包含以下代码-
import { FormsModule } from '@angular/forms';
@NgModule 中的导入将类似于以下内容:
imports: [ BrowserModule, FormsModule ]
这将包括创建的服务。
这包括用于开始执行的主要应用程序组件。
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)