最近因为公司的需要用到了knockout js.而每次写页面的js的时候都要手动写一个viewModel 感觉很繁琐..就动手写了一个递归来进行viewModel的绑定(后面才发现原来ko已经有写好的插件了.可代码也早写好就一直用着)
//递归绑定ko
var koBind = function(obj){
//判断是否为数组
if(obj.length){
for(var item in viewModel.bo()){
if(viewModel.bo()[item].length){
viewModel.bo()[item] = ko.observableArray(obj);
}
}
//为数组则挨个挨个调用递归
for(var i = 0 ; i < obj.length ; i++){
koBind(obj[i]);
}
}else{
//判断是否为对象类型
if(typeof obj == "object"){
//console.log(viewModel.bo());
//遍历对象中所有属性
for(var item in obj){
//在判断属性中是否在为对象
if(typeof obj[item] == "object"){
obj[item] = ko.observable(obj[item]);
koBind(obj[item]());
}else{
//判断是否有绑定为ko对象
if(!ko.isObservable(obj[item])){
obj[item] = ko.observable(obj[item]);
}else{
return;
}
}
}
}else{
if(!ko.isObservable(obj)){
obj = ko.observable(obj);
}else{
return;
}
}
}
};
代码中的bo这段可以忽略不看..因为我们为一个大对象里面又包含各种对象的信息.所以做了层判断..参数也只用将调用后台返回得到的数据传入即可.就会将你全转换为ko的属性对象(不知这种说法对不 ).