Angular: сработает ли сборщик мусора для директивы, после исчезновения объекта, к которому привязана директива?

Question

[Егор]

К элементу привязана директива.

app.directive('myDirective',function(){
return{
   restrict:'ACE',
   link: function(scope, element){
     element.bind('click',function(){
      doSomething();
     });
   } 
}
});

<input type="text" my-directive value="">

Потом происходит переход на новую страницу, и элемента, к которому была привязана директива больше нет в DOM.

Вопрос: нужно ли делать unbind в директиве или сборщик мусора сам с этим разберется после исчезновения инпута из DOM?

Answer 1

[Сергей Протько]

Об этом позаботится браузер (webview), так как если нету директивы, то нету и элемента к которому он привязан. Следовательно браузер сам удалит все обработчики событий вместе с удаляемым элементом.

В случае если директива вешает обработчики на что-то уровнем выше ($window, $document например) то да, тогда нужно делать unbind при событии $destroy у $scope.

Comments

[Егор]

Не совсем понял, что значит нет директивы? Мне казалось что это директива привязана к элементу, а не наоборот.

[Сергей Протько]

@ByKraB не совсем верно выразился. У директивы есть функция link, которая инициализируется и имеет ссылку на элемент. Пока существует элемент - функция сохранят свое состояние. Как только элемент удален, нету ссылки и все удаляет сборщик мусора. Но всегда можно напакастить со ссылками и добиться того, что директива еще будет, а элемента уже нет.

В любом случае директивы никакого отношения к обработчикам событий не имеют. Они привязываются непосредственно к элементам, и живут ровно до тех пор пока не умрет элемент. Но опять же, следит за этим сборщик мусора и можно лишними ссылками его запутать и добиться нежелательного поведения.

[Егор]

спасибо, теперь ясно.