发表于: 2017-04-24 23:03:04
1 1038
js双向数据绑定原理
分享人:北京-web-刘其勇
1.背景介绍-
angular双向绑定介绍
定义:在Angular网页应用中,数据绑定是数据模型(model)与视图(view)组件的自动同步。Angular的实现方式允许你把应 用中的模型看成单一数据源。而视图始终是数据模型的一种展现形式。当模型改变时,视图就能反映这种改变,反之亦然。
angular编译的是视图(DOM),而不是模板
- 模板:指未经编译的附加了标记和指令的HTML
- 模型:用于展示数据或交互的变量
- 视图:最终渲染出来的页面
2.知识剖析
anguar双向绑定的过程
从DOM到model:绑定事件
从model到DOM:angular监听model,然后使用指令系统修改DOM
7.参考文献
1.双向数据绑定
文本链接:http://jnshu.com/daily/21372?uid=6039
视频链接:https://v.qq.com/x/page/j0396nv0wow.html
ppt链接:https://ptteng.github.io/PPT/PPT/js-09-two-way-data-binding.html#/
今日完成:
1 angular1的中文文档,阅读了关于数据绑定,初始化过程,模板,指令的内容。
2 小课堂,双向数据绑定,angular如何实现的。
明日计划:
上午:上传小课堂微信,回复日报,继续完善angular的结构图。
下午:继续完善angular的结构图。
晚上:小课堂:$watch;争取完成angular的结构图,我要一个图景。
问题:真实的感受到了,英语和交流的重要性。机会有很多,是我看不到。
收获:不要走夜路,不要一个人。
紧起来!
评论