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{}
总结