I have a simple list of objects that I am trying to integerate to AngularJS's ui-select.
Here is the object I am trying to use <ui-select> with:
[
{
"getGroupsRes": {
"groups": [
{
"groupID": "1",
"applicationID": "1",
"groupDesc": "Members",
"groupDesc2": "MEMBERS_US_1"
},
{
"groupID": "2",
"applicationID": "1",
"groupDesc": "Administrators",
"groupDesc2": "ADMINS_US_100"
},
{
"groupID": "3",
"applicationID": "1",
"groupDesc": "Moderators",
"groupDesc2": "MODS_US_50"
},
{
"groupID": "4",
"applicationID": "1",
"groupDesc": "Distinguished Members",
"groupDesc2": "DMEMBS_US_50"
},
{
"groupID": "5",
"applicationID": "1",
"groupDesc": "Elected Members",
"groupDesc2": "EMEMS_US_75"
},
{
"groupID": "6",
"applicationID": "1",
"groupDesc": "Staffed Officials",
"groupDesc2": "SOFF_US_25"
},
{
"groupID": "7",
"applicationID": "1",
"groupDesc": "Janitors",
"groupDesc2": "JANS_US_50"
}
]
}
}
]
and here is a live demo of the plunker: http://plnkr.co/edit/ANJcORDfoKYQ3k5X1pzs?p=preview
I think the problem comes down to me not being able to reference my objects correctly.I see no error in the console log though.What am I doing wrong?