Как обновить угловую страницу без обновления?

Question

Я использую Angular 7 и есть главная страница.

На главной странице есть много кнопок, а кнопка имеет индикатор выполнения, подобный этому:

После работы с компонентом и закрытия компонента индикатор выполнения кнопки должен обновиться.

Здесь MatDialog хорошо работает для функции обновления.

Однаконовая вкладка одна не обновляется.

Другой код точно такой же, кроме функции закрытия.

MatDialog (Работает):

dialogRef.afterClosed().subscribe((result) => {         
            this.updateProgress(...).catch((error) => { console.log(error); });
}); 

Новая вкладка (Не работает):

windowRef.addEventListener('beforeunload', () => {
            this.updateProgress(...).catch((error) => { console.log(error); });                
});

Я обнаружил, что индикатор выполнения кнопки обновляется при нажатии на другую кнопку. Я думаю, что любое событие произошло после закрытия новой вкладки.

В таком случае, как я могу организовать мероприятие для главной страницы без обновления всей страницы?

Пожалуйста, дайте мне несколько советов.

Я благодарен вам заранее и извините за плохое объяснение.

Answer 1

Вы можете рассмотреть возможность реализации pub / sub для своего приложения. Это позволит вам отправлять события всем активным клиентам и уведомлять их о необходимости получения обновлений с сервера.

Вот ссылка на популярный клиент: https://socket.io