Як скасувати підписку на трансляцію події у angularJS. Як видалити функцію, зареєстровану через $ on

Я зареєстрував свого слухача на трансляції події $ за допомогою функції $ on

$scope.$on("onViewUpdated", this.callMe);

і я хочу скасувати реєстрацію цього слухача на основі певного ділового правила. Але моя проблема полягає в тому, що після її реєстрації я не в змозі скасувати її.

Чи є в AngularJS метод скасувати реєстрацію конкретного слухача? Метод на зразок $ для того, щоб скасувати цю подію, може бути $ off. Так що, виходячи з логіки бізнесу, я можу сказати

 $scope.$off("onViewUpdated", this.callMe);

і цю функцію припиняють викликати, коли хтось транслює подію "onViewUpdated".

Дякую

EDIT : Я хочу скасувати реєстрацію слухача з іншої функції. Не функція, де я його реєструю.

Потрібно зберегти повернуту функцію та зателефонувати їй, щоб скасувати підписку на подію.

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

Це є у вихідному коді :) принаймні в 1.0.4. Я просто опублікую повний код, оскільки він короткий

/**
  * @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;
    };
},

Також дивіться документи .

Переглядаючи більшість відповідей, вони здаються надмірно складними. Кутовий має вбудовані механізми для реєстрації.

Використовуйте функцію зняття реєстрації, яку повертає$on :

// Register and get a handle to the listener
var listener = $scope.$on('someMessage', function () {
    $log.log("Message received");
});

// Unregister
$scope.$on('$destroy', function () {
    $log.log("Unregistering listener");
    listener();
});

Цей код працює для мене:

$rootScope.$$listeners.nameOfYourEvent=[];

EDIT: Правильний спосіб зробити це у відповіді @ LiviuT!

Ви завжди можете розширити область Angular, щоб дозволити видаляти таких слухачів, як:

//A little hack to add an $off() method to $scopes.
(function () {
  var injector = angular.injector(['ng']),
      rootScope = injector.get('$rootScope');
      rootScope.constructor.prototype.$off = function(eventName, fn) {
        if(this.$$listeners) {
          var eventArr = this.$$listeners[eventName];
          if(eventArr) {
            for(var i = 0; i < eventArr.length; i++) {
              if(eventArr[i] === fn) {
                eventArr.splice(i, 1);
              }
            }
          }
        }
      }
}());

А ось як би це працювало:

  function myEvent() {
    alert('test');
  }
  $scope.$on('test', myEvent);
  $scope.$broadcast('test');
  $scope.$off('test', myEvent);
  $scope.$broadcast('test');

І ось це викрадення цього в дії

Після налагодження коду я створив власну функцію так само, як і відповідь "blesh". Так це я і зробив

MyModule = angular.module('FIT', [])
.run(function ($rootScope) {
        // Custom $off function to un-register the listener.
        $rootScope.$off = function (name, listener) {
            var namedListeners = this.$$listeners[name];
            if (namedListeners) {
                // Loop through the array of named listeners and remove them from the array.
                for (var i = 0; i < namedListeners.length; i++) {
                    if (namedListeners[i] === listener) {
                        return namedListeners.splice(i, 1);
                    }
                }
            }
        }
});

тому завдяки приєднанню моєї функції до $ rootcope тепер вона доступна всім моїм контролерам.

і в своєму коді я роблю

$scope.$off("onViewUpdated", callMe);

Дякую

EDIT: AngularJS спосіб зробити це у відповіді @ LiviuT! Але якщо ви хочете скасувати реєстрацію слухача в іншій області і в той же час хочете триматися осторонь від створення локальних змінних, щоб зберегти посилання на функцію дереєстрації. Це можливе рішення.

@ Відповідь LiviuT є приголомшливою, але, здається, залишає безліч людей, які задаються питанням, як знову отримати доступ до функції зриву обробника з іншої області $ або функції, якщо ви хочете знищити її з іншого місця, ніж там, де вона створена. @ Рустем Мусабеков відповідь працює просто чудово, але не дуже ідіоматично. (І покладається на те, що має бути приватною деталлю реалізації, яка може змінитися будь-коли.) А звідти це просто ускладнюється ...

Я думаю, що тут легка відповідь - це просто перенести посилання на функцію зриву ( offCallMeFnна його прикладі) у самому оброблювачем, а потім викликати її на основі певної умови; можливо, аргумент, який ви включаєте в подію, яку ви транслюєте або випромінюєте $. Таким чином, обробники можуть зірвати себе, коли завгодно, де завгодно, переносячи насіння власного знищення. Так:

// Creation of our handler:
var tearDownFunc = $rootScope.$on('demo-event', function(event, booleanParam) {
    var selfDestruct = tearDownFunc;
    if (booleanParam === false) {
        console.log('This is the routine handler here. I can do your normal handling-type stuff.')
    }
    if (booleanParam === true) {
        console.log("5... 4... 3... 2... 1...")
        selfDestruct();
    }
});

// These two functions are purely for demonstration
window.trigger = function(booleanArg) {
    $scope.$emit('demo-event', booleanArg);
}
window.check = function() {
    // shows us where Angular is stashing our handlers, while they exist
    console.log($rootScope.$$listeners['demo-event'])
};

// Interactive Demo:

>> trigger(false);
// "This is the routine handler here. I can do your normal handling-type stuff."

>> check();
// [function] (So, there's a handler registered at this point.)  

>> trigger(true);
// "5... 4... 3... 2... 1..."

>> check();
// [null] (No more handler.)

>> trigger(false);
// undefined (He's dead, Jim.)

Дві думки:

1. Це відмінна формула для обробника одного разу. Просто киньте умовні умови і біжіть, selfDestructяк тільки він виконає свою самогубську місію.
2. Мені цікаво про те, чи буде коли-небудь примірник належним чином знищений та зібраний сміття, враховуючи, що ви посилаєтесь на закриті змінні. Вам доведеться використати мільйон таких, щоб навіть це було проблемою пам'яті, але мені цікаво. Якщо хтось має якусь інформацію, будь ласка, поділіться.

Зареєструйте гачок, щоб скасувати передплату ваших слухачів, коли компонент видалений:

$scope.$on('$destroy', function () {
   delete $rootScope.$$listeners["youreventname"];
});  

У випадку, якщо вам потрібно кілька разів вмикати та вимикати слухача, ви можете створити функцію з booleanпараметром

function switchListen(_switch) {
    if (_switch) {
      $scope.$on("onViewUpdated", this.callMe);
    } else {
      $rootScope.$$listeners.onViewUpdated = [];
    }
}

"$ on" сама повертає функцію для реєстрації

 var unregister=  $rootScope.$on('$stateChangeStart',
            function(event, toState, toParams, fromState, fromParams, options) { 
                alert('state changing'); 
            });

ви можете викликати функцію відреєстрації (), щоб скасувати реєстрацію цього слухача

Один із способів - просто знищити слухача, коли ви закінчите з ним.

var removeListener = $scope.$on('navBarRight-ready', function () {
        $rootScope.$broadcast('workerProfile-display', $scope.worker)
        removeListener(); //destroy the listener
    })