-
代码实战内容
查看全部 -
开发环境准备
查看全部 -
TypeScript简介
查看全部 -
核心概念总览图
查看全部 -
应用模块之间各模块的关系
查看全部 -
应用模块的组件互相使用方法
查看全部 -
模块
（1）框架代码以模块形式组织（文件模块）
（2）功能单元以模块形式组织（应用模块）
申明应用模块应用@NgModule
declarations:包装组件或者指令等
providers：依赖注入
imports：导入其他模块
bootstrap：设置根组件
exports：导出组件或者指令等
查看全部 -
应用模块示例
查看全部 -
文件模块示例
查看全部 -
服务
服务是实现专一目的的逻辑单元，如日志服务
依赖注入
组件引入外部构建（如服务）的一种机制
依赖注入配置在@Component加入providers属性
分层注入（hierarchical dependency injection）
查看全部 -
分层注入（hierarchical dependency injection）
查看全部 -
依赖注入的原理图
查看全部 -
指令
组件继承于指令
组件是自身带有模版的指令
指令的类型
（1）属性指令：改变组件模版的外观或者行为，如样式等
（2）结构指令：改变组件模版的DOM结构，如ngIf用来插入或者移除DOM节点
中括号表示指令使用在元素属性上
查看全部 -
核心概念：
组件 Components
元数据 Metadata
模版 Templates
数据绑定 Data binding
服务 Service
指令 Directives
依赖注入 Dependency Injection
模块 Modules
组件要素
Javascript、HTML、CSS
组件通讯机制
定义输入输出接口import、export
全生命周期支持
Contructor：构造器初始化
OnChanges：第一次触发数据变化钩子
OnInit：组件初始化
OnChanges：运行期间触发数据变化钩子
OnDestory：组件销毁前
组件示例
装饰器 @Component 赋予一个类更丰富的信息（元数据）
元数据（选择器、模版）
组件类
数据绑定(前两者是单向绑定)
（1）属性绑定 [value]
<input [value]="myData" />
（2）事件绑定 (keyup)
<input (keyup) = "handle($event)"/>
（3）双向绑定 [(ngModel)]
<input [(ngModel)] = "myData">
组件树
查看全部 -
数据流向 Angular
查看全部
举报