Cara berhenti berlangganan ke acara siaran di angularJS. Cara menghapus fungsi yang didaftarkan melalui $ on

Saya telah mendaftarkan pendengar saya ke acara $ broadcast menggunakan fungsi $ on

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

dan saya ingin membatalkan pendaftaran pendengar ini berdasarkan aturan bisnis tertentu. Tetapi masalah saya adalah bahwa setelah terdaftar saya tidak dapat membatalkan pendaftarannya.

Apakah ada metode di AngularJS untuk membatalkan pendaftaran pendengar tertentu? Metode seperti $ pada yang membatalkan pendaftaran acara ini, mungkin $ off. Jadi itu berdasarkan logika bisnis yang bisa saya katakan

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

dan fungsi ini berhenti dipanggil ketika seseorang menyiarkan acara "onViewUpdated".

Terima kasih

EDIT : Saya ingin membatalkan registrasi pendengar dari fungsi lain. Bukan fungsi tempat saya mendaftarkannya.

Anda perlu menyimpan fungsi yang dikembalikan dan memanggilnya untuk berhenti berlangganan dari acara tersebut.

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

Ini ditemukan dalam kode sumber :) setidaknya di 1.0.4. Saya hanya akan memposting kode lengkap karena pendek

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

Juga, lihat dokumen .

Melihat sebagian besar balasan, mereka tampak terlalu rumit. Angular telah membangun mekanisme untuk membatalkan pendaftaran.

Gunakan fungsi deregistrasi yang dikembalikan oleh$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();
});

Kode ini berfungsi untuk saya:

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

EDIT: Cara yang benar untuk melakukan ini ada di jawaban @ LiviuT!

Anda selalu dapat memperluas cakupan Angular untuk memungkinkan Anda menghapus pendengar seperti:

//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);
              }
            }
          }
        }
      }
}());

Dan inilah cara kerjanya:

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

Dan inilah penyedotnya dalam aksi

Setelah men-debug kode, saya membuat fungsi saya sendiri seperti jawaban "blesh". Jadi ini yang saya lakukan

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);
                    }
                }
            }
        }
});

jadi dengan melampirkan fungsi saya ke $ rootscope sekarang ini tersedia untuk semua pengontrol saya.

dan dalam kode saya yang saya lakukan

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

Terima kasih

EDIT: Cara AngularJS untuk melakukan ini adalah dalam jawaban @ LiviuT! Tetapi jika Anda ingin membatalkan registrasi pendengar di lingkup lain dan pada saat yang sama ingin menjauh dari membuat variabel lokal untuk menyimpan referensi fungsi de-registrasi. Ini adalah solusi yang memungkinkan.

@ LiviuT jawabannya luar biasa, tetapi sepertinya membuat banyak orang bertanya-tanya bagaimana cara mengakses kembali fungsi runtuh handler dari $ scope atau fungsi lain, jika Anda ingin menghancurkannya dari tempat lain selain dari tempat ia dibuat. @ Рустем Мусабеков Jawabannya bekerja dengan baik, tetapi tidak terlalu idiomatis. (Dan bergantung pada apa yang seharusnya menjadi detail implementasi pribadi, yang dapat berubah sewaktu-waktu.) Dan dari sana, semakin rumit ...

Saya pikir jawaban yang mudah di sini adalah dengan hanya membawa referensi ke fungsi tear-down ( offCallMeFndalam contohnya) di handler itu sendiri, dan kemudian menyebutnya berdasarkan beberapa kondisi; mungkin argumen yang Anda sertakan pada acara yang Anda $ broadcast atau $ emit. Dengan demikian, penangan dapat menghancurkan diri mereka sendiri, kapan pun Anda mau, di mana pun Anda inginkan, membawa benih kehancuran mereka sendiri. Seperti itu:

// 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.)

Dua pemikiran:

1. Ini adalah formula yang bagus untuk penangan run-once. Jatuhkan saja persyaratan dan jalankan selfDestructsegera setelah ia menyelesaikan misi bunuh diri.
2. Saya bertanya-tanya tentang apakah ruang lingkup asal akan pernah dihancurkan dengan benar dan dikumpulkan, mengingat Anda membawa referensi ke variabel tertutup. Anda harus menggunakan jutaan ini bahkan untuk itu menjadi masalah memori, tapi saya ingin tahu. Jika ada yang punya wawasan, silakan berbagi.

Daftarkan pengait untuk berhenti berlangganan pendengar Anda ketika komponen dihapus:

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

Jika Anda perlu menghidupkan dan mematikan pendengar beberapa kali, Anda dapat membuat fungsi dengan booleanparameter

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

'$ on' sendiri mengembalikan fungsi untuk tidak mendaftar

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

Anda dapat memanggil fungsi unregister () untuk membatalkan registrasi pendengar itu

Salah satu caranya adalah menghancurkan pendengar begitu Anda selesai.

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