Currently facing a minor issue here. I have a nested JSON object that is embedded within ng-repeat and is sortable by using AngularJS UI Sortable (based on JQuery UI Sortable):
$scope.rootItem = {
id: '1',
type: 'course',
title: 'Adobe Photoshop CC for beginners',
items: [{
id: '2',
type: 'label',
title:'label',
items:[{
id: '3',
type: 'module',
title:'Module title',
items: [{
id: '4',
type: 'topic',
title:'Topic title',
items: [{
id: '5',
type: 'content',
title:'Content title'
}, {
id: '6',
type: 'content',
title:'Content title'
}]
}]
},{
id: '7',
type: 'resources',
title:'Resources'
},{
id: '8',
type: 'module',
title:'Module title',
items: [{
id: '9',
type: 'topic',
title:'Topic',
items: [{
id: '10',
type: 'question',
title:'Question title'
}]
}, {
id: '11',
type: 'topic',
title:'Topic title',
items: [{
id: '12',
type: 'content',
title:'Content title'
}]
}]
}]
},{
id: '14',
type: 'assessmentLabel',
title: 'Assessment Label',
items: [{
id: '15',
type: 'assessment',
title: 'Assessment Title',
items: [{
id: '16',
type: 'courseAssessment',
title: 'Course Question Group',
items: []
}]
}]
}]
};
The task at hand is to remove any item within this object along with its children if it has any.
My initial thought was passing either $index and using splice to remove it (if it was an array). However, for objects, this approach doesn't seem to work as expected. I came across recommendations online suggesting the use of delete instead...
In my button setup, I attempt to pass the object itself as shown below:
data-ng-click="removeItem(ngModelItem)"
Then in my controller, trying to achieve something like this:
// Remove Item from the list
$scope.removeItem = function(item) {
};
Looking for suggestions on how to correctly handle this situation.