Angularjs remove event listener when element is removed from DOM

Question

I would like to invoke a function when target element has been deleted. I tried something like below, and it seems like working well. Is it okay to use this code? (since there is no reference document about 'remove' listener on neither angularjs nor jquery)

angular.element( event.currentTarget)
     .on( 'remove', function() {
         // some code
     })

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

The AngularJS framework intercepts jQuery .remove operations and dispatches a $destroy event.

From the Docs:

Events

$destroy - AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires this event on all DOM nodes being removed. This can be used to clean up any 3rd party bindings to the DOM element before it is removed.

For more information, see

AngularJS angular.element API Reference - extras

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jul 19, 2019 at 5:57

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Umut · Accepted Answer · 2019-07-19 05:06:09Z

0

You can find related doc on AngularJS page https://docs.angularjs.org/api/ng/function/angular.element, also on JQuery's API page https://api.jquery.com/remove/

How about this? https://api.jquery.com/on/#event-names

edited Jul 19, 2019 at 5:06

answered Jul 19, 2019 at 3:21

Umut

374 bronze badges

1 Comment

DK2 Over a year ago

Thanks but I'm not looking for deleting element method. need a document that refer 'on remove listener' when an element has been deleted.

Collectives™ on Stack Overflow

Angularjs remove event listener when element is removed from DOM

2 Answers 2

Events

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Events

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related