首页 > jQ与Angular多重读取JSON

jQ与Angular多重读取JSON

[
    {
        "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);
    })
  });
 }
})
【热门文章】
【热门文章】