jeudi 17 novembre 2016

Fetching parent and child value from a nested json in angularjs

I'm very much new to angularjs so I'm facing this issue where i have a nested json, and i am using the parent value as a header and the values of the child as checkboxes. Now, when I want to retrieve the value of those checkboxes which have been ticked, i want it in the format of {parent_name:child_name} stored in an array.

I'm using the following sample data taken from this thread.

Data:

parents : [{
    name: 'George',
    age: 44,
    children: [{
        name: 'Jack',
        age: 16
    },{
        name: 'Amy',
        age: 13
    }]
}, {
    name: 'Jimmy',
    age: 38,
    children: [{
        name: 'Max',
        age: 7              
    },{
        name: 'Lily',
        age: 5
    },{
        name: 'Kim',
        age: 4
    }]
}]

And, my current output looks like this

My HTML code is

<div class="col-md-12 col-xs-12" ng-repeat="parent in parents ">
  <div class="form-group">
  <label></label>
  <div class="input-group" ng-repeat="child in parent.children">
    <label><input type="checkbox" ng-checked="child.checked=='true'"> </label>
  </div>
  <hr>
</div>

Now, in reference to the image, I want to have {George:Jack} and {Jimmy:Kim} in an array, but i can't find a way to achieve that.

I hope my question is clear. Thanks in advance!




Aucun commentaire:

Enregistrer un commentaire