angular与avalon对复杂对象的修改

angular与avalon对复杂对象的修改

angular的实现
<!doctype html> <html ng-app> <head> <script src="http://files.cnblogs.com/rubylouvre/angular.js"></script> <script> var a function TodoCtrl($scope) { $scope.aaa = { bbb: { ccc: "cccc" } } a = $scope } setTimeout(function() { a.aaa.bbb = { ccc: "angular" } alert("不会立即改变") a.$digest()//这个不能漏 }, 2000) </script> </head> <body> <div ng-controller="TodoCtrl"> {{aaa.bbb.ccc}} </div> </body> </html>

avalon的实现
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>avalon</title> <script src="http://files.cnblogs.com/rubylouvre/avalon20130929.js" type="text/javascript"></script> <script> var a = avalon.define("xxx", function(vm) { vm.aaa = { bbb: { ccc: "cccc" } } }) setTimeout(function() { a.aaa.bbb = { ccc: "avalon" } }, 2000) </script> </head> <body ms-controller="xxx"> {{aaa.bbb.ccc}} </body> </html>

从调用来看，angular由于不能直接使用setTimeout，需要hack一下，并且它并不够智能，需要你$digest。说明它本身没有对子对象的监控，只有用户手动$digest，它才匆匆忙忙把自己修改一遍，然后通知视图更新。

avalon则是一开始就把用户传来的东西改造一遍，它身上每一个毛孔（除非你将它设置为不可监控的）都转为监控属性，计算属性与监控数组，当数据发生改动时就立即调用视图刷新属性。对于这种深层套嵌的对象，如果是中间的对象发生变化，这准确来说被替换了，这个新的子对象也立即被改造，并且涉及它的那个元素会重新打回原形，重新被扫描，被绑定。
相关阅读:
ImageIO 操作图片
 ThreadLocal
Mysql表字段命令alter add
php中的for循环和js中的for循环
 获取当前URL地址和$_GET获取参数
 apache中的vhosts的配置。
PHP获取前台传过来的时间年份，进行处理。
php中的htmlspecialchars_decode()函数
 php分页类代码和使用
 cookies插件，记住cookies
原文地址：https://www.cnblogs.com/rubylouvre/p/3427507.html