发表于: 2017-04-24 23:03:04

1 1040



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的结构图,我要一个图景。

问题:真实的感受到了,英语和交流的重要性。机会有很多,是我看不到。

收获:不要走夜路,不要一个人。

紧起来!



返回列表 返回列表
评论

    分享到