AngularJS ng-repeat over data with # keys

Question

The data i'm trying to iterate over looks like this:

    {
            "request": "Stream/GetDigest",
            "response": {
                "success": true,
                "content": {
                    "0": {
                        "artifact_id": "36",
                        "timestamp": "2013-08-20 11:59:00",
                        "modified": "2013-08-20 11:59:00",
                        "text": "Why did the last one BLAHHHHH duplicate? I don't think I clicked it twice...",
                        "author_desc": "",
                        "object_type": "artifact",
                        "comments": []
                    },
                    "1": {
                        "artifact_id": "35",
                        "timestamp": "2013-08-20 11:57:51",
                        "modified": "2013-08-20 11:57:51",
                        "text": "This is a new artifact for a new day.",
                        "author_desc": "",
                        "object_type": "artifact",
                        "comments": []
                    },
                    "2": {
                        "artifact_id": "34",
                        "timestamp": "2013-08-20 11:57:50",
                        "modified": "2013-08-20 11:57:50",
                        "text": "This is a new artifact for a new day.",
                        "author_desc": "",
                        "object_type": "artifact",
                        "comments": []
                    },
                    "3": {
                        "artifact_id": "30",
                        "timestamp": "2013-08-19 13:15:32",
                        "modified": "2013-08-20 11:01:12",
                        "text": "This is some awesome text that we want to display!",
                        "author_desc": "",
                        "object_type": "artifact",
                        "comments": {
                            "5": {
                                "artifact_id": "30",
                                "comment_id": "5",
                                "user_id": "5",
                                "author_desc": "Michael C.",
                                "timestamp": "2013-08-19 16:18:12",
                                "private": "1",
                                "reported": 0,
                                "moderated": 0,
                                "banned": 0,
                                "text": "This is a createComment artifact"
                            },
                            "6": {
                                "artifact_id": "30",
                                "comment_id": "6",
                                "user_id": "5",
                                "author_desc": "Michael C.",
                                "timestamp": "2013-08-20 11:01:12",
                                "private": "1",
                                "reported": 0,
                                "moderated": 0,
                                "banned": 0,
                                "text": "This is another comment"
                            }
                        }
                    },
                    "4": {
                        "artifact_id": "33",
                        "timestamp": "2013-08-19 15:25:11",
                        "modified": "2013-08-19 15:25:11",
                        "text": "Kitten Ipsum dolor sit amet urna, bibendum life litora quis wish vel happy litora kitties laoreet buddy Praesent her. Lure, local ipsum amet urna molestie Nam. Snuggliest sed first chuf his cat kitten, ac climb the curtains cat eget sagittis et front",
                        "author_desc": "",
                        "object_type": "artifact",
                        "comments": []
                    }
                }
            }
        }

The goal is to iterate over the response.content.# sections. Currently i'm passing in the content through the controller (baby steps - i'm new) through a GetDigest variable. So my NGrepeater looks like this:

<li ng-repeat="thing in GetDigestList.response.content">

How can I make it iterate over the sub sections of this json?

Thanks!

Answer 1

If you manage to have content as an array you can use the $index generated by the each directive. But just in case, check if $index don't return a string key.

Answer 2

Something like this?

<li ng-repeat="(index, content) in GetDigestList.response.content">
   <!-- ... -->
</li>

http://jsfiddle.net/Tdzhv/