Удаление прослушивателей событий из директивы в AngularJS

Question

Я пытаюсь реализовать простую директиву в AngularJS. В частности, я хочу создать кнопку загрузчика, которая изменит ее аспект при нажатии, и я хочу повторно использовать его на всех страницах моего приложения, которые в ней нуждаются.

Я прочитал на руководстве для разработчиков, которые:.

«Есть несколько специальных событий, которые излучают AngularJS Когда узел DOM, который был собран с компилятором ANGULAR уничтожаются, он испускает $ уничтожить событие Аналогично, когда область AngularJS уничтожена, она транслирует событие $ destroy в области прослушивания. Слушая это событие, вы можете удалить прослушиватели событий, которые могут вызвать утечку памяти. Слушатели, зарегистрированные в областях и элементах, автоматически очищаются, когда они но если вы зарегистрировали прослушиватель в службе или зарегистрировали прослушиватель на узле DOM, который не удаляется, вам придется очистить его самостоятельно или вы рискуете ввести утечку памяти ».

В моей функции связи я поставил этот код для слушателя событий:

var onLoaderButtonClickEvent = element.on('click', function(){ 
//Some stuff 

}); 

Теперь есть я считаю, что в качестве слушателя на DOM элемента (и поэтому я должен удалить его) или нет? Я немного озадачен.

Я думаю, что мне не нужно удалять слушателя, потому что он находится на «элементе». Правильно ли это?

Thx всем

Answer 1

Ответ на этот вопрос да. Поскольку вы прикрепляете обработчик событий за пределами AngularJS, вам нужно очистить его самостоятельно.

Вы можете сделать это, слушая $destroy события:

scope.$on('$destroy', function(){ 
    element.off('click'); 
}); 

Answer 2

element.remove() вызывается автоматически, когда директива разрушается, тем самым устраняя всех слушателей на элементе. Вам нужно только удалить DOM-прослушиватели вручную, если вы привязали их к любым другим элементам DOM.

От угловой-х documentation:

Слушателей прописали прицелы и элементы автоматически очищаются, когда они будут уничтожены, но если вы зарегистрировали слушатель на службе, или зарегистрирован прослушиватель на узле DOM, который ISN» t удаляется, вам придется очистить его самостоятельно или вы рискуете ввести утечку памяти.