[
{
"aa":1,
"bb":[
{"cc":2, "name":"2-1"},
{"cc":2, "name":"2-2"},
{"cc":2, "name":"2-3"}
]
}
]
分别用Jquery和Angular怎么读取 分别读取aa,与bb 里的 name?
bb 里的 cc\name 是不是叫子数据?还是叫啥呢?
JQuery:
var obj=[
{
"aa":1,
"bb":[
{"cc":2, "name":"2-1"},
{"cc":2, "name":"2-2"},
{"cc":2, "name":"2-3"}
]
}
];
console.log(obj.length) //1 ,看看obj这个json对象的长度,目前只有一个,
//如果有多个,我们就得循环,没有的话,直接循环`obj[0].bb`
$.each(obj,function(i){
var newObjBB= obj[i].bb; //子对象
console.log(newObjBB.length); //3 ,看看内部对象的长度,然后再遍历它
$.each(newObjBB,function(i){
console.log(newObjBB[i].name)
})
})
angular 其实本质都是JavaScript一样循环就行,咱就用angular.foreach
:
demo看这里
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.mydata=[
{
"aa":1,
"bb":[
{"cc":2, "name":"2-1"},
{"cc":2, "name":"2-2"},
{"cc":2, "name":"2-3"}
]
},
{
"aa":2,
"bb":[
{"cc":3, "name":"3-1"},
{"cc":3, "name":"3-2"},
{"cc":3, "name":"3-3"}
]
}
];
$scope.btnclick=function(){
angular.forEach($scope.mydata, function(value1) {
console.log('aa: %s, bb是个数组对象 is %s.', value1.aa, value1.bb);
angular.forEach(value1.bb, function(value2){
console.log('cc: %s, name: %s.', value2.cc, value2.name);
})
});
}
})