Angular2 核心概念

 

组件 - Component

组件负责控制屏幕上的一小块区域，也就是视图

组件要素： HTML、Javascript、CSS
组件通讯机制：组件间通过输入接口输出接口相互通讯
组件生命周期：构造器初始化-第一次出发数据变化钩子-组件初始化-运行期间数据变化触发钩子-组件销毁

 

元数据 - Metadata

元数据告诉 Angular 如何处理一个类

通过装饰器附加的元数据让一个类成为一个组件

 

模板 - Templates

模板以 HTML 形式存在，告诉 Angular 如何渲染组件

使用模板的两种方式：
直接写模板：template：‘HTML代码’
引用路径模板：templateUrl：“path/to/……”

 

数据绑定 - Data binding

一种让模板的各部分与组件的各部分相互合作的机制

插值表达式：{{hero.name}}
属性绑定：[hero]
事件绑定：(click)
双向数据绑： [(ngModel)]

 

服务 - Services

实现专一目的的逻辑单元

 

指令 - Directives

Angular 根据指令提供的操作对 DOM 进行转换来渲染页面

属性指令：改变组件模板的外观或者行为
结构指令：改变组件模板的DOM结构

 

依赖注入 - Dependency Injection

组件引入外部构建的一种机制

它提供类的新实例的一种方式，还负责处理好类所需的全部依赖。大多数依赖都是服务。
Angular 使用依赖注入来提供新组件以及组件所需的服务

 

模块 - Modules

把应用组织成多个内聚的功能块

文件模块：框架代码以模块形式组织
应用模块：功能单元以模块形式组织

 

---

 

整体理解

用户和模板直接进行交互
模板接收用户的操作后，通过数据绑定和相应的组件类进行交互
组件类完成处理后更新模板视图

服务来扩展组件类，指令来扩展模板