Display ng-grid with nested array of JSON objects?

Question

I have some JSON data that looks like so:

return {
    "activityTypes" :[{
        "id" :"",
        "name:" :"",
        "icon" : "",
        "partial": "",
        "label" : {
            "id": "",
            "name": ""
        }
    }],
    "apiKey" : "",
    "approveBy": 0,
    "approvers" : [], 
    "canSendTo" : [{
        "id" : "",
        "name" : ""
    }],  
    "creators" : [],
    "isActive" : false,
    "notification" : false, 
    "sourceId": "",
    "sourceName":""
};

I am trying to use ng-grid, but I am trouble trying to access the elements inside an array of objects, such as the activityTypes or canSendTo arrays. In the following example, I tried to display canSendTo's id. I've tried the following but it does not render on the screen. Any ideas on how to fix this? Thanks!

{field: 'canSendTo.id', displayName: 'Can Send To', width:'10%',
    cellTemplate: '<div class="ngCellText", style="white-space: normal;">{{row.getProperty(col.field)}}</div>'},

chad · Accepted Answer · 2014-03-10 19:12:56Z

1

I don't know anything about ng-grid, but from a straight javascript perspective it should be canSendTo[0].id, since canSendTo is a one element array.

answered Mar 10, 2014 at 19:12

chad

2,9561 gold badge19 silver badges15 bronze badges

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

1 Comment

user1871869 Over a year ago

Hm, I tried your method but unfortunately nothing is displaying. When I use field: 'canSendTo', in every field I get every object (all the contents within it and it looks like [{id: "blah", name: "blah2"}], but I can't seem to get any element within that object (I can't get or display the "blah" field in id by itself).

Collectives™ on Stack Overflow

Display ng-grid with nested array of JSON objects?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related