@ngModule
时间: 2023-06-29 19:13:50 浏览: 147
`@NgModule` 是 Angular 中一个重要的装饰器,用于定义一个模块。模块是 Angular 应用的基本组成部分之一,它用于组织应用中的组件、服务、指令和管道等功能模块,以便于管理和重用。
下面是一个 `@NgModule` 装饰器的示例:
```typescript
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` 的模块,使用 `@NgModule` 装饰器进行装饰。`@NgModule` 装饰器接受一个元数据对象,该对象包含了模块的配置信息,包括声明、导入、提供者和引导等属性。
其中,`declarations` 属性用于声明该模块中包含的组件、指令和管道等功能模块,`imports` 属性用于导入该模块所依赖的其他模块,`providers` 属性用于提供该模块中需要使用的服务,`bootstrap` 属性用于指定该模块的根组件,用于启动应用。
需要注意的是,每个 Angular 应用都至少有一个模块,通常是一个根模块,用于引导应用。在上面的示例中,我们使用 `bootstrap` 属性将 `AppComponent` 组件作为根组件,用于启动应用。
阅读全文