问答 百科手机端

您是否需要在$ scope $ destroy事件中取消绑定$ scope $ on?

2023-05-03 19:33

$scope.$on 失去其外观时, 。注意,$rootScope.$on 绑定不会发生这种情况。您还可以查看AngularJS的$ scope文档。

用几句话回答:

  • $scope.$on ; 将被自动销毁。
  • 您需要$rootScope.$on 手动销毁。

文档说明:

@H_419_20@

范围销毁-当不再需要子范围时,子范围创建者有责任通过scope。$ destroy()API销毁它们。这样做是为了阻止$ digest调用传播到子作用域,并允许垃圾回收器回收由子作用域模型使用的内存。

如何销毁示例$rootScope.$on

//bind event
var registerScope = $rootScope.$on('someEvent', function(event) {
    console.log("fired");
});

// clean up
$scope.$on('$destroy', registerScope);

此plnkr将为您显示$scope.$on 和 的不同行为$rootScope.$on

通过在此插入控件中切换视图,控制器将重新绑定到您的视图。该$rootScope.$on ;事件被绑定每次切换视图时不破坏前视图的事件绑定。这样,$rootScope.$on 听众将被堆叠/倍增。$scope.$on 绑定不会发生这种情况,因为它将通过切换视图而被破坏(丢失DOM中的E2E绑定表示)。


注意:

  • $scope.$on('event');会听$scope.$broadcast('event')$rootScope.$broadcast('event')

  • $rootScope.$on('event'); 只会听 $rootScope.$broadcast('event')

解决方法

我有使用$ on绑定事件的指令,在销毁作用域时是否需要删除该绑定,或者它是自动完成的?还需要致电$ element.off吗?

return {
    restrict: 'A',link: function($scope,$element,$attrs) {
        $element.on('load',function  {
            $element[0].contentWindow.focus ;
        });
        $scope.$on('iframe:focus',function  {
            $element[0].contentWindow.focus ;
        });
    }
};

热门