Как проверить состояние закрытия браузера для приложения Angular 4?

Question

Я создаю угловое приложение, которое имеет функции входа и выхода. При нажатии на кнопку выхода пользовательский статус обновляется в базе данных с использованием Laravel API, но мне нужно обработать условие закрытия браузера, если пользователь закрывает браузер, мне нужно обновить статус в базе данных, но я не знаю, как вызвать Laravel API в браузере закрывается. Любая помощь приветствуется.

Answer 1

Вы можете попробовать это решение

добавить window:beforeunload событие

import { Component , HostListener } from '@angular/core';
export class AppComponent {
    @HostListener('window:beforeunload', ['$event'])
    doSomething($event) {
        /// code
    }
    constructor() {}
}

Answer 2

Добавьте ngOnDestory хук жизненного цикла в AppComponent (ваш корневой компонент).

export class AppComponent implements OnInit, OnDestory {
...
    ngOnDestory() {
        // API Call
    }
...
}

Согласно документации Angular.io, ngOnDestory - это ловушка жизненного цикла, которая вызывается при разрушении директивы, канала или службы.