Angular2笔记(四)--模块

来源:互联网 发布:李玮 靠谱网络 编辑:程序博客网 时间:2024/06/05 07:02

3.核心概念


4.模块

模块的两层含义

  • 文件模块:框架代码以模块形式组织
    @angular/core核心模块:变换检测、依赖注入、渲染等
    @angular/common通用模块:常用的内置指令等
    @angular/forms表单模块:表单相关的组件和指令
    @angular/http网络模块:处理网络请求相关的服务
    更多…
    使用:
import {Http} from "@angular/http"
@Component装饰器import {Component} from "@angular/core"@Directive装饰器import {Directive} from "@angular/core"
import {ElementRef,Renderer} from "@angular/core"
  • 应用模块:功能单元以模块形式组织
    跨模块使用不同模块的指令,则需要结合模块的导入导出功能
    一个模块例子
@ NgModule({  declarations:[//包装组件或指令等    AppComonent,    SomeDirective  ],  prividers:[LoggerService],//依赖注入,依赖注入在模块里的可以全局使用,组件里的不可以  imports:[OtherModule],//导入其他模块,导入之后就可以继承其他模块的指令和组件等  boothstrap:[AppComponent],//设置根组件,只在根模块使用  exports:[SomeDirective]//用来设置该模块对外暴露的组件和指令等,跟import配合使用,所以import和export就是模块的导入导出属性})export class AppModule{}

总结
这里写图片描述



4.核心模块总览图

这里写图片描述