Angular 中的app.module.ts_angular最新版本没有app.module

// 这是 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 {

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33