扫码关注官方订阅号
除了 Angular, 还有 Reactive.js , 都是的 HTML 上实现的自动刷新功能, 简单说, 通过 DOM 操作对 DOM 进行更新, 相对 HTML 模板就节省了很多操作, 但具体是怎么做到的呢, 如何决定使用怎样的 DOM 操作呢?
闭关修行中......
说白了就是事件监听。
假设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中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
说白了就是事件监听。
假设DOM为一个input元素,Model是一个对象person的属性name,那么从DOM到数据这个绑定我想你应该很清楚: 监听input元素相关事件(这里可能为onchange),捕捉到事件后更新数据模型,比如:
反过来,对象的属性变化也是可以监听的,就可以实现从Model到DOM的更新:
例子中的代码只是为了说明,实际情况中要比这个考虑更多内容。
HTH