【Angular】模块

@NgModule()

声明一个模块

示例

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser"; // 浏览器中的应用需要引入该模块至根组件
@NgModule({
  imports: [BrowserModule],
  providers: [Logger],
  declarations: [AppComponent],
  exports: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {}

配置项

• declarations（可声明对象表） —— 那些属于本 NgModule 的组件、指令、管道。

• imports（导入表） —— 其它 NgModule 模块。

• exports（导出表） —— 那些能在其它模块的组件模板中使用的可声明对象的子集。

• providers —— 注入服务，在该模块下的任何部分都可以使用被注入的服务。

• bootstrap —— 应用的主视图，称为根组件。它是应用中所有其它视图的宿主。只有根模块才应该设置这个 bootstrap 属性。

Anguler 模块

import { BrowserModule } from "@angular/platform-browser"; // 当你要在浏览器中运行应用时
import { CommonModule } from "@angular/common"; // 当你要使用 NgIf 和 NgFor 时
import { FormsModule } from "@angular/forms"; // 当你要构建模板驱动表单时（它包含 NgModel ）
import { RouterModule } from "@angular/router"; // 当你要使用路由功能，并且要用到 RouterLink,.forRoot() 和 .forChild() 时