angular Ui tree incrementing is duplicating

Question

In My plunker if I add some childs, then if I remove one of child record then if I add rows the rows are duplicating.

$scope.newSubItem = function(scope) {
  var nodeData = scope.$modelValue;
  nodeData.items.push({
    id: nodeData.id * 10 + nodeData.items.length,
    rowId: nodeData.rowId + '.' + (nodeData.items.length + 1),
    items: []
  });
};

Ghulam Mohayudin · Accepted Answer · 2017-08-07 11:28:26Z

2

Instead of adding nodeData.items.lenght add this for id

id: nodeData.items.length?(nodeData.items[nodeData.items.length-1].id)+1:nodeData.id * 10

And for rowId add this

 rowId: nodeData.rowId + '.' + ((nodeData.items.length?(parseInt(nodeData.items[nodeData.items.length-1].rowId.split('.').pop()))+1:0)),

edited Aug 7, 2017 at 11:28

answered Aug 7, 2017 at 10:34

Ghulam Mohayudin

1,11310 silver badges20 bronze badges

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

1 Comment

Ghulam Mohayudin Over a year ago

you need to make this change in addParentRow function

Collectives™ on Stack Overflow

angular Ui tree incrementing is duplicating

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related