How to unsubscribe to a broadcast event in angularJS. How to remove function registered via $on

by

You need to store the returned function and call it to unsubscribe from the event.

var deregisterListener = $scope.$on("onViewUpdated", callMe);
deregisterListener (); // this will deregister that listener

This is found in the source code 🙂 at least in 1.0.4. I’ll just post the full code since it’s short

/**
  * @param {string} name Event name to listen on.
  * @param {function(event)} listener Function to call when the event is emitted.
  * @returns {function()} Returns a deregistration function for this listener.
  */
$on: function(name, listener) {
    var namedListeners = this.$$listeners[name];
    if (!namedListeners) {
      this.$$listeners[name] = namedListeners = [];
    }
    namedListeners.push(listener);

    return function() {
      namedListeners[indexOf(namedListeners, listener)] = null;
    };
},

Also, see the docs.

More Related Contents:

  1. Is it feasible for a start-up of two developers to do full automated regression testing without manual testing? [closed]
  2. ng-model for “ (with directive DEMO)
  3. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  4. AngularJS execution order with `$q` — Chaining Promises
  5. AngularJS For Loop with Numbers & Ranges
  6. Show spinner GIF during an $http request in AngularJS?
  7. AngularJS-Twig conflict with double curly braces
  8. AngularJS – Create a directive that uses ng-model
  9. Can I make a function available in every controller in angular?
  10. How to send POST in angularjs with multiple params?
  11. unsafe link in angular
  12. Handle HTTP 302 response from proxy in angularjs
  13. How can I pass some data from one controller to another peer controller [duplicate]
  14. Angular – ui-router get previous state
  15. Binding variables from Service/Factory to Controllers
  16. AngularJs Remove duplicate elements in ng-repeat
  17. Angularjs how to cancel resource promise when switching routes
  18. How would I have ui-router go to an external link, such as google.com?
  19. How to highlight a current menu item?
  20. AngularJS All slashes in URL changed to %2F
  21. How can you limit the value from input using AngularJS?
  22. Error : getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
  23. Lazy loading AngularJS modules with RequireJS
  24. ng-options with simple array init
  25. How to make orderby filter work on array of strings?
  26. stop angular-ui-router navigation until promise is resolved
  27. angularjs 1.x support lifecycle and end-of-life
  28. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  29. Two views in one AngularUI Router state sharing scope
  30. How to ‘unwatch’ an expression

Leave a Comment