Реализация WebSockts + Angular 5 + nodejs (express, Typescript)

Question

Я использую Express Typescript Boilerplate link "https://github.com/w3tecch/express-typescript-boilerplate" и угловой 5 для клиентской стороны

Проблема: я пытаюсь реализовать WebSockets для данных таблицы в реальном времени.

когда я нахожусь на определенной странице, мне нужно установить соединение WebSocket, и если я перенаправлю на другую страницу, соединение должно быть закрыто. Документация для всех реализаций websocket для узла angular полностью ориентирована на одностраничные приложения Chat.

    /**
     * We create a new Socket server instance.
     */
    const server = settings.getData('express_server');
    //server is express app instance saved globally using 
    //microframework-w3tec
    let io = undefined;
    if (io === undefined || io === null) {
        console.log('socket loader initialized');
        io = require('socket.io')();
        io.on('connect', (socket: any) => {
            console.log('a user connected');
            io.emit('message', 'this is message');
        });
        io.listen(server);
        io.on('add-message', (message) => {
            io.emit('message', { type: 'new-message', text: message 
     });
        });
        settings.setData('io', io);