javascript - Angular 式的界面自动刷新具体是如何做到的?
阿神
阿神 2017-04-10 12:48:53
[JavaScript讨论组]

除了 Angular, 还有 Reactive.js , 都是的 HTML 上实现的自动刷新功能, 简单说, 通过 DOM 操作对 DOM 进行更新, 相对 HTML 模板就节省了很多操作, 但具体是怎么做到的呢, 如何决定使用怎样的 DOM 操作呢?

阿神
阿神

闭关修行中......

全部回复(1)
怪我咯

说白了就是事件监听。

假设DOM为一个input元素,Model是一个对象person的属性name,那么从DOM到数据这个绑定我想你应该很清楚: 监听input元素相关事件(这里可能为onchange),捕捉到事件后更新数据模型,比如:

input.onchange=function(){
  person.name=input.value;
}

反过来,对象的属性变化也是可以监听的,就可以实现从Model到DOM的更新:

person.addListener("name_change",function(){
  input.value=person.name;
});

例子中的代码只是为了说明,实际情况中要比这个考虑更多内容。

HTH

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号