频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
Angular4学习之DOM属性生效的整个过程
2018-04-16 13:50:53      个评论    来源:杨晓慧  
收藏   我要投稿

Angular4学习之DOM属性生效的整个过程

图示过程

这里写图片描述

解析过程

1. 当控制器中的值发生变化时,angular启动单向绑定机制来更新dom,即从控制器的greeting属性到dom的value属性,将dom属性的值改成greeting属性值,即“A value”

2. Angular的dom属性不会更新HTML属性,若HTML元素里面value的值初始值是空的,就会一直是空的。

3. 浏览器会保持dom和UI的同步,angular在更新了dom值后,新的值侯被渲染到页面上,这是我们的input框中会出现“A value”字符串

4. dom value属性的改变不会更新与其相关的input标签的HTML属性

5. 当用户在浏览器的input框输入东西时,也不会同步UI和HTML属性,我们看到的值来自于Dom而不是来自于HTML标签。

点击复制链接 与好友分享!回本站首页
上一篇:ES6中关于Class的使用介绍
下一篇:AJAX基础知识小结:什么是AJAX?传统Web应用模式与AJAX应用模式的比较
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站