Làm cách nào để hủy liên kết sự kiện bên ngoài khi bộ điều khiển/phạm vi $ bị hủy?

Question

Giả sử tôi có bộ điều khiển cho trang đang được hiển thị thành ng-view.

Bộ điều khiển này liên kết với một số sự kiện của nguồn bên ngoài (chẳng hạn như một bus thông báo ứng dụng) để cập nhật mô hình của nó. Điều này về cơ bản hoạt động rất dễ dàng:

function MyController ($scope) { 
    $scope.bar = '…'; 

    externalSource.on('foo', function (data) { 
    $scope.$apply(function() { 
     $scope.bar = data.bar; 
    }); 
    }); 
} 

Vấn đề là: Làm cách nào để bỏ bộ điều khiển khỏi nguồn bên ngoài khi chế độ xem nó được liên kết không còn hiển thị?

Có điều gì đó như sự kiện dispose hoặc sự kiện tương tự không?

Hoặc là cách tiếp cận của tôi hoàn toàn sai, và tôi nên đối phó với một cái gì đó như thế bằng cách nào đó khác? Nếu vậy, làm thế nào?

Answer 1

Để thực hiện sự kiện unbind sử dụng khi phạm vi điều khiển được đã bị phá hủy:

$scope.$on('$destroy', function() { /* Unbind code here */ });

Xem Scope tài liệu để biết thêm thông tin

Answer 2

Sử dụng $ routeChangeStart hoặc $ routeChangeSuccess sự kiện:

function MyController ($scope) { 
    $scope.bar = '…'; 

    externalSource.on('foo', function (data) { 
    $scope.$apply(function() { 
     $scope.bar = data.bar; 
    }); 
    }); 

    $scope.$on('$routeChangeStart', function(next, current){ 
    // unregister listener 
    // externalSource.off .... 
    }); 
} 

... hoặc $destroy sự kiện:

$scope.$on('$destroy', function(){ 
    // unregister listener 
    // externalSource.off .... 
    });