Làm cách nào để xóa các sự kiện được chỉ định từ bộ điều khiển?

Question

Khi, nơi và cách tôi có nên loại bỏ trình xử lý sự kiện cũ khi bộ điều khiển không còn phù hợp nữa không?

Cân nhắc SPA với hai tuyến đường: /login và /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 */}]); 

vấn đề:

• Khi điều hướng đến /loggedin sau đó loginResponse sự kiện tiếp tục nghe
• Khi điều hướng trở lại /login trang mới nghe được thêm vào (có hiệu quả tôi có 2 người nghe tại)

Answer 1

Hãy nhìn vào sự kiện $scope.$on('$destroy') góc và sử dụng nó cùng với phương pháp socket.io của removeListener. Một cái gì đó như thế này:

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