Удалить текущий узел из списка: AngularJs

Question

Fiddle ссылки, где мы можем добавить новые дочерние узлы, и их дочерний узел также может удалить дочерний узел формирование родителя ТОЛЬКО.

Я пытаюсь удалить весь дочерний узел и ТАКЖЕ текущий узел из той же кнопки удаления. (Все дочерние узлы удалены успешно, но я не могу удалить текущий узел из списка.)

Как я могу это сделать через Angular Js.

angular.module("myApp", []). 
controller("TreeController", ['$scope', function($scope) { 
    $scope.delete = function(data) { 
     data.nodes = []; 
    }; 
    $scope.add = function(data) { 
     var post = data.nodes.length + 1; 
     var newName = data.name + '-' + post; 
     data.nodes.push({name: newName,nodes: []}); 
    }; 
    $scope.tree = [{name: "Node", nodes: []}]; 
}]); 

Может ли кто-нибудь помочь.

Answer 1

Чтобы удалить текущий узел также, необходимо удалить его из родителя, поэтому вам нужно будет хранить ссылку на родительский узел в данных

data.nodes.push({name: newName,nodes: [], parent: data}); 

Тогда в Delete(), вы можете получить доступ к родительскому узлу и удалить себя:

$scope.delete = function(data) { 
    var index = data.parent.nodes.indexOf(data); 
    if(index > -1) { 
     data.parent.nodes.splice(index, 1); 
    } 
}; 

Обновлено jsfiddle