Angular2笔记(四)--模块

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.核心模块总览图

这里写图片描述

发布了64 篇原创文章 · 获赞 7 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Pandade520/article/details/76206920
今日推荐