角度、socket.ioおよびsetInterval - ビューの変更を管理する方法

Question

私はExpressJS + socket.io + Nodeバックエンドによって補完されるanglejsベースのwebappを持っています。ほとんどのデータトラフィックは、一部のリアルタイムグラフを除き、REST Webサービスに基づいています。 socket.on（ 'connection'）が確立されると、setIntervalを使用してデータがプッシュされます。ここにコードがあります。

socket.on('connection', function(
    socket.on('handshake', function(socket) { 
     console.log("handshake data recieved", socket.id); 
     // restart(); 
     dashboardInterval = setInterval(function(){sendDashboardStats(socket, 'some');}, 5000); 
    }); 
}); 

これは、UI /クライアントが接続を閉じた場合でも実行され続けます。さらに悪いことに、特定の時点で多くのユーザー/クライアントが存在する可能性があります。したがって、これらの間隔のみをどのように閉じますか？

Answer 1

ちょうどclearInterval(dashboardInterval);を追加してソケットが切断された場合でも、間隔をキャンセルすることができます。

var dashboardInterval; 

socket.on('connection', function(
    socket.on('handshake', function(socket) { 
    console.log("handshake data recieved", socket.id); 
    // restart(); 
    dashboardInterval = setInterval(function() { 
     sendDashboardStats(socket, 'some'); 
    }, 5000); 
    }); 

    socket.on('disconnect', function() { 

    if (dashboardInterval) { 
     cancelInterval(dashboardInterval); 
    } 

    io.sockets.emit('user disconnected'); 
    }); 
});