教程一——模块

模块module

Angular应该是模块化的，并且Angular有自己的模块系统，它被称为Angular模块或NgModules

每个Angular应用至少有一个根模块，习惯命名为AppModule

模块都是一个带有@NgModule装饰器的类

装饰器是用来修饰javascript类的函数

NgModule是一个装饰器函数。他接收一个用来描述模板属性的元数据对象：

          declarations- 声明本模块中拥有的视图类。Angular 有三种视图类：组件、指令和管道。

          exports- declarations 的子集，可用于其它模块的组件模板。

          imports-本模块声明的组件模板需要的类所在的其它模块。

          providers-服务的创建者，并加入到全局服务列表中，可用于应用任何部分。

          bootstrap- 指定应用的主视图（称为根组件），它是所有其它视图的宿主。只有根模块才能设置bootstrap属性。

import { NgModule } from '@angular/core';

import { BrowserModule } from '@angular/platform-browser';

@NgModule({

imports: [ BrowserModule ],

providers: [ Logger ],

declarations: [ AppComponent ],

exports: [ AppComponent ],

bootstrap: [ AppComponent ] })

export class AppModule { }