नियंत्रक से आवंटित घटनाओं को कैसे साफ़ करें?

Question

जब, जहां और कैसे मैं पुराने घटना श्रोताओं से छुटकारा पाने चाहिए जब नियंत्रक अब प्रासंगिक नहीं है?

दो मार्गों के साथ SPA पर विचार करें: /login और /loggedin

app.factory('socket', ['$window', function(window) { 
    return window.io(); 
}]); 
app.controller('loginController', ['socket', function (socket) { 
    this.tryLogin = function(credentials) { 
     socket.emit('login', credentials); 
    } 
    sokcet.on('loginResponse', function(data) { 
     if (data.status == 'OK') { 
      // Navigate to loggedInController 
     } else { 
      // Show error message and keep listening - user might try again 
     } 
    }); 
}]); 
app.controller('loggedInController', ['socket', function (socket) {/* Logged in, but loginController is still listening for loginResponse */}]); 

समस्याएं:

• जब /loggedin पर नेवीगेट करने की तो loginResponse घटना सुनने रहता
• जब /login पेज नया करने के लिए वापस नेविगेट श्रोता जोड़ा जाता है

Answer 1

कोणीय के $scope.$on('$destroy') घटना पर एक नजर डालें और इसे एक साथ उपयोग socket.io के removeListener विधि के साथ (प्रभावी रूप से मैं अब 2 श्रोताओं है)। इस तरह कुछ:

app.controller('loginController', ['$scope', 'socket', function ($scope, socket) { 
    this.tryLogin = function(credentials) { 
     socket.emit('login', credentials); 
    } 

    socket.on('loginResponse', loginResponse); 

    $scope.$on('$destroy', function() { 
     socket.removeListener('loginResponse', loginResponse); 
    }); 

    function loginResponse(data) { 
     if (data.status == 'OK') { 
      // Navigate to loggedInController 
     } else { 
      // Show error message and keep listening - user might try again 
     } 
    } 
}]);