Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Automatic unbind pattern for event bindings in directives using AngularJS
angular.module('app', [])
.directive('myAwsomeDirective', function($rootScope) {
return {
restrict: 'A',
link: function(scope) {
// $scope.$on() returns an unbind function of the binding
//
// So use the bind function directly within scope's $destroy event
// to unbind event automatically.
scope.$on('$destroy', $rootScope.$on('my:event', function() {
// your event code here
}));
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment