Wie kann ein externes Ereignis gelöst werden, wenn ein Controller/$ Scope zerstört wird?

Question

Angenommen, ich habe einen Controller für eine Seite, die in eine ng-view gerendert wird.

Dieser Controller verbindet sich mit einigen Ereignissen einer externen Quelle (z. B. einem anwendungsweiten Nachrichtenbus), um sein Modell zu aktualisieren. Dies funktioniert im Grunde sehr einfach:

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

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

Das Problem ist: Wie kann ich den Controller aus der externen Quelle lösen, sobald die Ansicht es mit nicht mehr gezeigt verbunden ist?

Gibt es etwas wie ein Ereignis dispose oder etwas ähnliches?

Oder ist meine Herangehensweise völlig falsch, und ich sollte irgendwie mit so etwas umgehen? Wenn das so ist, wie?

Answer 1

Ereignis auszuführen entbinden, wenn Umfang des Controllers wurde zerstört Gebrauch:

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

Siehe Scope docs für weitere Informationen

Answer 2

Verwenden $ routeChangeStart oder Ereignisse $ routeChangeSuccess:

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

... oder $destroy Veranstaltung:

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