NG2入门 - 根模块

根模块 app.module

建议大家先去学习angularjs官网的英雄教程后再进行后面的阅读，app.module.ts 就是ng2应用中的引导启动模块也称根模块

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

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

 

学过TypeScirpt一定知道装饰器，在ng2中装饰器有着大量的应用，比如根模块中不可或缺的 @NgModule，下面说说它都有哪些常用参数

 

imports 当应用需要使用模块的特性时，将其添加到 imports中，比如 router、http、browser 因为在应用中我们需要使用httpModule的特性那么就要在这边improts

declarations appmodule是引导模块，但是应用是由组件构成的，appmodule需要知道有哪些组件，所以我们的component.ts需要在declarations中进行添加

bootstrap 我们有根模块，也会有根组件，这也是单页面应用程序的一个体现，其它的子组件都在根组件下形成组件树，但是我们需要渲染我们的根组件让用户看到页面，告诉bootstrap在应用启动后需要渲染哪个组件

providers 服务的供应商，应用程序通过会有log等功能，在appmodule中提供logService，可以在其它所有的组件中进行依赖注入，并且是只有一个实例

 

有了引导模块，但是我们还需要去引导模块使其工作，一般会创建一个main.ts

 

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule }              from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);