Обнаружить, если директива была удалена из DOM

Question

У меня есть директива AngularJS, и мне нужно выполнить определенные действия, если элемент директивы удален из DOM (либо изнутри вызова AngularJS, либо любым другим способом, например jQuery).

Возможно ли это?

Answer 1

В директиве, когда элемент удаляется из DOM, $ уничтожают событие генерируется , Внутри функции связи вашей директивы, вы можете сделать это: -

element.on('$destroy', function() { 
    // do stuff 
}); 

Для получения дополнительной информации и полный пример, обратитесь к документации here

EDIT: См this plunker, чтобы увидеть $ уничтожить в действии. Здесь я удаляю элемент через 2 секунды, а журнал уничтожается в консоли.

Answer 2

Когда ваша директива удалена из DOM, увольняется событие $destroy. Смотрите здесь https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope # $ уничтожить

В этом вопросе (Provide an example of scope's $destroy event?) я нашел следующий пример:

ctrl.directive('handleDestroy', function() { 
    return function(scope, tElement, attributes) {   
     scope.$on('$destroy', function() { 
      alert("In destroy of:" + scope.todo.text); 
     }); 
    }; 
});