AngularJS - 将事件的 $window 与特定指令解除绑定

使用AngularJS时，我们经常需要将事件与特定指令解除绑定，以便在需要时能够动态地添加或删除事件处理程序。在这篇文章中，我们将学习如何使用AngularJS中的$window对象来解除事件与特定指令的绑定，并提供一个案例代码来演示这个过程。

javascript
app.controller('myController', ['$scope', '$window', function($scope, $window) {
  // 在这里编写控制器的代码
}]);

javascript
app.controller('myController', ['$scope', '$window', function($scope, $window) {
  // 添加事件处理程序
  angular.element($window).on('resize', function() {
    // 在这里写你的事件处理程序的代码
  });
  // 在控制器销毁时解除事件绑定
  $scope.$on('$destroy', function() {
    angular.element($window).off('resize');
  });
}]);

javascript
app.directive('myButton', ['$window', function($window) {
  return {
    restrict: 'E',
    template: 'Toggle Event',
    link: function(scope, element, attrs) {
      var eventHandler = function() {
        console.log('Event handler called');
      };
      scope.toggleEvent = function() {
        if (angular.element($window).data('eventBound')) {
          angular.element($window).off('resize', eventHandler);
          angular.element($window).removeData('eventBound');
        } else {
          angular.element($window).on('resize', eventHandler);
          angular.element($window).data('eventBound', true);
        }
      };
      scope.$on('$destroy', function() {
        angular.element($window).off('resize', eventHandler);
      });
    }
  };
}]);