Provide an example $ destroy event.

Question

Provide an example $ destroy event. Here is the reference documentation from http://docs.angularjs.org/api/ng.$rootScope.Scope#$destroy

$ destroy ()

Removes the current region (and all its children) from the parent volume. Removing means that $ digest () calls will no longer extend to the current volume and its children. Removal also implies that the current scope has the right to garbage collection.

$ destroy () is commonly used by directives such as ngRepeat to control loop unrolling.

Before the scope is destroyed, the $ destroy event broadcasts this scope. The application code can register the $ destroy event handler, which will make it possible to perform any necessary cleaning.

Answer 1

Demo: http://jsfiddle.net/sunnycpp/u4vjR/2/

Here I created the handle-destroy directive.

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

Answer 2

$destroy can refer to 2 things: a method and an event

1. method is $ scope. $ destroy

 .directive("colorTag", function(){ return { restrict: "A", scope: { value: "=colorTag" }, link: function (scope, element, attrs) { var colors = new App.Colors(); element.css("background-color", stringToColor(scope.value)); element.css("color", contrastColor(scope.value)); // Destroy scope, because it no longer needed. scope.$destroy(); } }; }) 

event - $ scope. $ on ("$ destroy")

See @SunnyShah answer .