Iterating over nested json array with angular

Question

I'm using angular to fetch data from a web service, the data is in JSON format :

    {
    "items": [{
        "id": 2,
        "catId": 1,
        "content": "ddddddddddddddddd",
        "type": 0,
        "comments": [{
            "id": 0,
            "postId": 0,
            "userId": 0,
            "content": "nincompoop",
            "ptime": "2015"
        }, {
            "id": 0,
            "postId": 0,
            "userId": 0,
            "content": "lol",
            "ptime": "2015"
        }],
        "Likes": []
    }, {
        "id": -1,
        "catId": 1,
        "content": "first post",
        "type": 0,
        "comments": [{
            "id": 1,
            "postId": 0,
            "userId": 0,
            "content": "first Comment",
            "ptime": "2015"
        }],
        "Likes": [{
            "id": 1,
            "name": "Rawhi"
        }]
    }]
}

Also the user ID is stored in a javascript parameter, How can I iterate over the 'item.likes' for each post and determine if the user Id is existing ? thank you

use javascript for it or you want to use in template use ng-Repeat — Arpit Srivastava
– Arpit Srivastava, Commented Jul 3, 2015 at 12:27

Huey · Accepted Answer · 2015-07-03 12:30:17Z

2

Assuming your JSON is in a variable called rawhi:

angular.forEach(rawhi, function (item, key){
    angular.forEach(item, function(comment, index){
        comment.userId //you can check if this exists
        //iterate over the likes array:
        angular.forEach(comment.Likes, function (like, i){
            like //you can do whatever you want to do with this
        });
    });
});

Basically, you can use nested foreach loops to iterate through the arrays in your JSON.

answered Jul 3, 2015 at 12:30

Huey

5,2206 gold badges36 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AlphaG33k · Accepted Answer · 2015-07-03 12:32:33Z

0

forEach.item.Likes(function(prop){ alert(prop) });

or while inside of your angular controllers view you can use the ngRepeat directive to iterate through this however you will need to clean up that object before either of these will work. Also take the curse word out of your code!

answered Jul 3, 2015 at 12:32

AlphaG33k

1,6781 gold badge13 silver badges25 bronze badges

Collectives™ on Stack Overflow

Iterating over nested json array with angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related