Angular 中的app.module.ts

最新推荐文章于 2024-03-30 17:47:50 发布

@Autowire

最新推荐文章于 2024-03-30 17:47:50 发布

阅读量527

点赞数

分类专栏： FE前端相关知识学习文章标签： angular.js javascript 前端

本文链接：https://blog.csdn.net/zs18753479279/article/details/134204630

版权

FE前端相关知识学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

本文介绍了Angular中的根模块（@NgModule）及其使用，包括声明组件、导入其他模块如BrowserModule和FormsModule，以及配置服务和引导根组件（AppComponent）的过程。

摘要由CSDN通过智能技术生成

// 这是 angular 根模块， 告诉angular如何组装应用

// angular核心模块
import {NgModule} from '@angular/core';
import {FormsModule} from '@angular/forms';
// 浏览器解析模块
import {BrowserModule} from '@angular/platform-browser';

// 根组件
import {AppComponent} from './app.component';
import {HeaderComponent} from './components/header/header.component';
import {ComponentModuleComponent} from './components/component-module/component-module.component';
import {StorageService} from './services/storage.service';

// @NgModule装饰器，@NgModule接受一个元数据对象，告诉angular如何编译启动应用
@NgModule({
  declarations: [ // 配置当前项目运行的组件
    AppComponent,
    HeaderComponent,
    ComponentModuleComponent,
  ],
  imports: [ // 配置当前模块运行依赖的其他组件
    BrowserModule,
    FormsModule
  ],
  providers: [StorageService], // 配置项目所需要的服务
  bootstrap: [AppComponent] // 指定应用的主视图（称为根组件） 通过引导根AppModule来启动应用，这里一般写根组件
})
// 根模块不需要导出任何东西，因为其他组件不需要导入根模块
export class AppModule {

}