Dynamic addition of elements in a tree in angular js

Question

I have an array of objects in angularjs

var list = [{id: 'foo' , value:'bar1'},
 {id: 'foo1' , value:'bar1'}];

I want to add a child object for the first id that equals 'foo'

Formatted JSON Data:

[  
   {  
      "id":'foo',
      "value":'bar1',
      "children":{  
         id:'foo',
         value:'baar'
      }
   },
   {  
      "id":'foo1',
      "value":'bar1'
   }
];

I have tried

var tempList = {id:'foo', value:'baar'};

if(list.id =='foo' )
list.id.children = tempList ;

But its not inserting the value

Sachila Ranawaka · Accepted Answer · 2017-02-22 12:06:40Z

1

use map function to add property to object

var list = [
  {id: 'foo' , value:'bar1'},
  {id: 'foo1' , value:'bar1'}
]; 
 

var tempList = {id:'foo', value:'baar'};

list = list.map(function(obj){
  if(obj.id =='foo'){
    obj.children = tempList ;
  }
  
  return obj
})
console.log(list)

answered Feb 22, 2017 at 12:06

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

Comments

Viplock · Accepted Answer · 2017-02-22 12:08:49Z

0

you have to do it with foreach if you are matching the ids of parent list and child list then use this -

angular.forEach(list , function(value, key){
      if(value.id== tempList.id)
         obj.children = tempList ;
   });

hope it will work

answered Feb 22, 2017 at 12:08

Viplock

3,3291 gold badge26 silver badges34 bronze badges

Comments

Ankit Badiya · Accepted Answer · 2017-02-22 12:34:42Z

0

Try this but this will overwrite the id value:

 var list = [{id: 'foo' ,
         value:'bar1'},
        {id: 'foo1' ,
         value:'bar1'}];

 var tempList = {id:'foo', value:'baar'};

 list = list.map(function(obj){

 if(obj.id == 'foo')
 {
   delete obj.id;
   obj.id = {}; 
   obj.id.children = tempList ;
 }

 return obj;
});

console.log(list);

answered Feb 22, 2017 at 12:34

Ankit Badiya

4791 gold badge4 silver badges17 bronze badges

Comments

Rohìt Jíndal · Accepted Answer · 2017-02-22 13:12:25Z

0

Observation : if(list.id == 'foo') is invalid syntax as list is an array of objects.

So, You can access the id like this list[index].id instead of list.id.

So, to iterate the list array you can use JavaScript for...in loop.

DEMO

var list = [{id: 'foo' , value:'bar1'},
 {id: 'foo1' , value:'bar1'}];
 
 for (var i in list) {
   if(list[i].id =='foo') {
     list[i].children = {  
         id:'foo',
         value:'baar'
      };
   }
 };
 
 console.log(list);

answered Feb 22, 2017 at 13:12

Rohìt Jíndal

27.3k16 gold badges80 silver badges133 bronze badges

Collectives™ on Stack Overflow

Dynamic addition of elements in a tree in angular js

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related