Angularjs - How to traverse, add and delete elements in nested arrays

Question

I have a nested array:

$scope.audits = [{
    name: '2015', 
    sections:[{
    section:'mm',
    id:'1',
        subsections: [{
        subsection:'aa',
        mainelements: ['cc','dd']
        },{
        subsection:'bb',
        mainelements: ['ee','ff','gg']
        }]
    }]

}];

I want to have a few buttons to add and delete nested elements at will. I cannot use $index because it is multiple layers of array.

Here is my Plunker

you can add and delete elements with array.splice(), but you need an index. — jan
– jan, Commented Nov 15, 2015 at 10:11
to identify the right array you can use a second parameter at your remove function. — jan
– jan, Commented Nov 15, 2015 at 10:15
I just found out that I can use $parent.$index to get parent's index. I already updated my plunker — sooon
– sooon, Commented Nov 15, 2015 at 10:19

Community · Accepted Answer · 2017-05-23 12:23:40Z

2

This problem got it's crazy solutions out here: AngularJS: traversing nested arrays . I'm not going to rewrite the solutions once again because it's unefficient. Don't forget to use search before asking a question.

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Nov 15, 2015 at 10:24

Starmetal

7606 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Angularjs - How to traverse, add and delete elements in nested arrays

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related