Angular学习脑图
2018-04-20 10:55:41 0 举报
AI智能生成
Angular 4.0 学习笔记
作者其他创作
大纲/内容
依赖注入
为什么使用依赖注入
什么是依赖注入
angular依赖注入
服务类,把需要的数据封装
配置注入器
AppModule中注册,则全局使用
再组件中注册, 组件内使用
使用注入器
sample ,创建和注册日志
logger.service.ts
注册 app.module.ts
Provider格式
简单写法
属性写法
使用工厂
使用值
别名
依赖注入令牌
模板语法
模板使用html语言
插值表达式
模板表达式,出现在=右侧
表达式上下文
绑定
绑定目标
属性绑定
单向输入
attribute,class,style绑定
attribute绑定
CSS 类绑定
样式绑定
事件绑定
目标事件
$event 和事件处理语句
使用 EventEmitter 实现自定义事件
双向数据绑定 ( [(...)] )
内置表达式
ngIf
ngFor
获取索引
ngSwitch
模板引用变量 ( #var )
ngStyle
ngClass
指定类是否应用
数组带入
ngNonBindable
输入输出属性 ( @Input 和 @Output )
模板表达式操作符
管道操作符 ( | )
安全导航操作符 ( ?. ) 和空属性路径
HTTP
使用@angular/http
get
post
路由
组成
导入
配置
安装
使用调用 RouterOutlet 指令
使用[routerLink]调用 routerLink 指令
路由策略
Angular的默认策略为PathLocationStrategy
HashLocationStrategy
路由参数
路由钩子
创建服务
登入组件
ProtectedComponent 组件
路由守卫
配置路由器
嵌套路由
第二路由
Redux
action
Reducer
Store
数据流
1.调用store.dispatch(action)
2.Store d调用传入的reducer函数
获取store
管道-PIPE
内置管道
DatePipe
UpperCase
DecimalPipe
Currency Pipe
Percent Pipe
Json Pipe
自定义管道
架构
模块
根模块
特性模块
服务
注入器
如果定义在组件元数据中,则组件内使用
如果定义在根模块,则全局使用
组件
select-选择器
templateUrl-模版地址
providers-组件服务
模版
指令-directive
*ngIf
*ngFor
数据绑定
绑定
[(ngModel)] 双向绑定
()事件表达式
{{xx}} 插值表达式
[] 属性表达式
模版和组件
模版
组件
父与子
父
子
用户输入
通过事件获取
$event 参数传递
模版引用变量
# 定义模版变量
模板输入变量
表单
ngForm
name属性做为键值
ngModel
根据ngModel添加视觉反馈
显示和隐藏验证错误信息
ngSubmit
表单控件
FormControl
FormGroup
验证器
FormControl添加验证器
FormBuild添加验证器
自定义验证器
观察者
rxjs
关于流的概念
Observalble:可观察对象
常见操作
map
pluck
combineLatest
zip
from
fromEvent
fromEventPattern
Interval
Timer
过滤操作符
filter
debounceTime
方法
return Promise
return Observable
Angular中的rxjs
使用
async管道
BehaviorSubject
Effects
其他库使用
Underscore.js
lodash
收藏
0 条评论
下一页
为你推荐
查看更多