Angular 中模块的作用是什么？

金木讲编程2023-11-02 23:32

Angular 中的模块是用于组织应用程序代码的容器。它们有以下主要作用：

1、定义应用程序的一部分，如组件、指令和管道的作用域。

2、声明需要导入的外部模块。

3、添加服务提供者，以便在整个应用程序中进行依赖注入。

要创建一个 Angular 模块，可以使用 @NgModule 装饰器。以下是一个示例：

css 复制代码

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

@NgModule({
  declarations: [AppComponent], // 定义属于该模块的组件
  imports: [BrowserModule], // 导入外部模块
  providers: [], // 添加服务提供者
  bootstrap: [AppComponent] // 标识应用程序的入口组件
})
export class AppModule { }

在上面的示例中，AppModule 是一个 Angular 模块，它定义了 AppComponent 作为该模块的组件，导入了 BrowserModule，并可以在 providers 数组中添加服务提供者。最后，bootstrap 数组标识了应用程序的入口组件。