Dlaczego ta funkcja jest wykonywana dwukrotnie?

Mam strukturę drzewa.JSBIN tutaj

w dyrektywie

scope.add_child_task = function() {
    scope.add_task(scope.path,"child of " + scope.member.name);
    if (!scope.has_children) {
        scope.add_children_element();
        scope.has_children = true;
    }
};

w kontrolerze

$scope.add_task = function(to,name) { 
    DataFactory.add_task(to,name);
};

Fabryka znajduje właściwą pozycję i dodaje węzeł.

Dodając dziecko do węzłów z istniejącymi dziećmi, dodaje się dwoje dzieci i nie rozumiem dlaczego.

Dzięki.

EDYTOWAĆ Mogę stracićhas_children i nadal daje ten sam rezultat

zaktualizowany JSBIN

Funkcjonalny link użytkownika

link: function (scope, element, attrs) {            

            element.append("<collection></collection>"); 
            $compile(element.contents())(scope);

            scope.get_path = function() { 
                var temp = scope.$parent.get_path();
                temp.push(scope.member.name);
                return temp;
            };
            scope.path = scope.get_path();

            scope.add_child_task = function() {
                scope.add_task(scope.path,"child of " + scope.member.name);
            };
        }

EDYCJA 2 Zrezygnowano również z pętli for - po prostu wymieniając odniesienia, nic nie pozostało, ale funkcja była wykonywana dwukrotnie!

zaktualizowany JSBIN

questionAnswers(1)

yourAnswerToTheQuestion