angularJS $ http.get（）请求复杂的JSON输出

Question

I have a PHP that gives out an output in the form JSON code like this :

{
    "data": {
        "groups": {
              "admin": [
                { "loginname" : user1 },
                { "loginname" : user2 }
              ],
              "group1" : [
                { "loginname" : user1 },
                { "loginname" : user2 }
              ]
            }
        },
    "status":"success"
}

Basically each loginname corresponds to a group name which is a variable (admin and group 1 in this case). How will I access the list of all groups from this output? The key of my php array is itself a variable making it difficult. Here is the link to the PHP : https://gist.github.com/raghunayyar/cf8d29d9e4ccc0423125 . Ask me if any more info is required. :)

Answer 1

Assuming you store the JSON response data value in a variable called data , it sounds like you just need something like this in your view:

<ul>
  <li ng-repeat="(group, users) in data.groups">
    <p>Group: {{group}}</p>
    <ul>
      <li ng-repeat="user in users">{{user}}</li>
    </ul>
  </li>
</ul>

This would print a list of groups with a sub-list of users. Here is a link to the Angular documentation on the ng-repeat directive.