首页 > 其他 > 详细

NG2入门 - 根模块

时间:2017-01-16 22:32:08      阅读:123      评论:0      收藏:0      [点我收藏+]

根模块 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);

NG2入门 - 根模块

原文:http://www.cnblogs.com/LiangSW/p/6291088.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!