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

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值