Destroy scope in $destroy event

Question

Found this code one of the directives in a project I'm working on:

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

Is this code needed? Or can I remove it? Isn't scope destroyed when directive is destroyed?

Answer 1

You don't have to write this code.

As per the docs, the $destroy event is triggered in two cases.

• Just before a scope is destroyed
• Just before an element is removed from the DOM

---

As a side note, you can still use the scope of the element in the element.on('$destroy') event before the scope will be destroyed:

element.on('$destroy', function() {
    console.log('RIP', scope);
});