如何退订在angularJS广播事件.如何通过$上删除注册的函数

JavaScript030

如何退订在angularJS广播事件.如何通过$上删除注册的函数,第1张

1. 这是在源代码中发现:)至少在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

}

},

你的情况,你需要返回函数

var offCallMeFn = $scope.$on("onViewUpdated", callMe)

//this will deregister that listener

offCallMeFn()

2.

编辑:这样做正确的方法是在@LiviuT的回答!

您可以随时延长角的范围,允许您删除这样的侦听器,如下所示:

//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 = 0i <eventArr.lengthi++) {

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')

这里是它在行动plunker

3.

调试代码后,我创建了自己的函数就像“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 = 0i <namedListeners.lengthi++) {

if (namedListeners[i] === listener) {

return namedListeners.splice(i, 1)

}

}

}

}

})

所以通过将我的函数$ rootscope现在它是提供给我所有的控制器。

而在我的代码我做

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

谢谢

编辑:AngularJS方式做 CodeGo.net,这是@LiviuT的回答!但是,如果你想取消注册该侦听器在另一个范围,并在想远离创建本地变量来保持去登记注册函数引用。这是一个可能的解决方案。

4.

此代码工作

$rootScope.$$listeners.nameOfYourBind=[]

function DoEvents(){

this.lstner=[]//this.lstner? lstner是属性吗? this又是指什么对象, []是指数组吗?javascript的写法是这样的吗? 不用加个声明吗

//相当于类参数(this指当前类)。声明了一个数组,javascript的写法就是这样的,要加声明么?"=[]"不就说明了吗。

this.addListen=function(obj){

//添加侦听

obj=typeof(obj)=="string"?document.getElementById(obj):this.lstner.push(obj)

//这是一个逻辑判断的三元表达式(typeof(obj)=="string"?document.getElementById(obj):this.lstner.push(obj)) + 赋值(obj=),

//意思是如果obj是string类型(== 逻辑判断),则返回document.getElementById(obj),否则返回this.lstner.push(obj)<-将obj压入数组中后返回

//在最后,将返回值赋给obj,从下面的处理来看,其实赋值给obj没有什么实质用处。

}

this.broadcastEvent=function(f,args){//广播事件// broadcastEvent为什么在帮助文档和搜索引擎里找不到呢,他是指什么 <-内部自定义的方法,相当于类方法

for(i=0i<this.lstner.lengthi++){

eval(f).apply(this.lstner[i],args)//这句的意思是? ,<- 将指定的事件(f)绑定到需要触发事件的对象(this.lstner[i])上。

// 这个 f是指什么? args又是指什么? <- f是由调用时指定的事件名称(methodName), args 是该方法触发是所要的参数列表,请参照调用的地方。

}

}

}