Angular 2-4 -如何配置我的模块

在Angular 2-4中，模块是组织和管理应用程序的基本单位。模块可以包含组件、服务、指令、管道等，并提供了一种将它们组合在一起的方式。要配置一个模块，你需要执行以下步骤：

1. 创建一个新的模块文件：在你的项目中，创建一个新的.ts文件，命名为你的模块名称，例如"my-module.module.ts"。
2. 导入所需的依赖项：在模块文件的顶部，导入你需要在模块中使用的依赖项。这可能包括Angular核心模块、其他自定义模块、服务、组件等。例如，你可以导入NgModule装饰器、CommonModule模块和其他自定义组件。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MyComponent } from './my-component.component';

1. 配置模块：使用@NgModule装饰器来配置你的模块。在装饰器中，你可以指定模块的元数据，包括模块的声明、导入、提供者和导出。

@NgModule({
  declarations: [MyComponent],
  imports: [CommonModule],
  providers: [],
  exports: [MyComponent]
})
export class MyModule { }

• declarations：声明模块中的组件、指令和管道。
• imports：导入其他模块，以便在当前模块中使用它们的功能。常见的导入模块包括CommonModule、FormsModule等。
• providers：提供模块中的服务，以便在组件中使用。
• exports：导出模块中的组件、指令和管道，以便其他模块可以使用它们。

1. 在应用程序中使用模块：要在应用程序中使用你的模块，你需要将其导入到你的根模块或其他需要使用该模块的模块中。

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

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

在上面的例子中，我们将MyModule导入到了根模块AppModule中，并在imports数组中添加了它。

这样，你就成功地配置了一个Angular 2-4模块。你可以在模块中定义和使用组件、服务、指令等，以构建你的应用程序。