kątowa 2 - wykonanie kodu podczas zamykania okna

Question

pracuję nad aplikacji rozmawiać za pomocą kątowej 2.

Jak mogę wysłać polecenie czat mety na backend, gdy użytkownik zamyka okno?

Mój składnik ma metody, która wywołuje usługę backend, aby zakończyć rozmowę w następujący sposób

endChat() { 
 
     this.chatService.endChat(this.chatSessionInfo).subscribe(
 
      result => this.OnGetMessages(result), 
 
      error => this.OnChatEndError(error) 
 
     ); 
 
    }

Jak można wykonać ten kod podczas zamykania okna? Jak mogę wykryć zdarzenie zamknięcia okna?

Próbowałem z ngOnDestroy, ale z jakiegoś powodu kod nie jest wykonywany.

W moim Component.ts mam.

import { Component, OnInit, AfterViewChecked, ElementRef, ViewChild,OnDestroy} from '@angular/core'; 

export class ChatComponent implements OnInit, AfterViewChecked,OnDestroy { 

i wreszcie

ngOnDestroy() { 
    this.endChat(); 
} 

Dzięki!

Answer 1

Dzięki wszystkim za pomoc. Udało mi się stworzyć rozwiązanie oparte na innej propozycji.

Najpierw użyłem zdarzenie beforeunload w składniku

@HostListener('window:beforeunload', ['$event']) 
beforeunloadHandler(event) { 
    this.endChat(); 
} 

gdzie

endChat() { 
    this.chatService.endChatSync(this.chatSessionInfo); 
} 

Następnie Sztuką jest, aby synchronizacja połączeń HTTP nie asynchroniczny.

Przed metoda endchat w służbie czatu był

endChat(chatSessionInfo: ChatSessionInfo) : Observable<ChatTranscription> { 
    console.log("Ending chat.."); 
    let body = JSON.stringify(chatSessionInfo); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    return this.http.delete(this.apiUrl + "Chat?userId="+chatSessionInfo.UserId+"&secureKey="+chatSessionInfo.SecureKey,options) 
      .map(this.extractData) 
      .catch(this.handleError); 
} 

udało mi się zrobić to praca z

endChatSync(chatSessionInfo: ChatSessionInfo) { 
    console.log("Ending chat.."); 
    let xhr = new XMLHttpRequest() 
    xhr.open("DELETE",this.apiUrl +"Chat?userId="+chatSessionInfo.UserId+"&secureKey="+chatSessionInfo.SecureKey,false); 
    xhr.send(); 
} 

nadzieję, że to pomaga!

Answer 2

@HostListener('window:unload', ['$event']) 
unloadHandler(event) { 
    ... 
} 

Zobacz także javascript to check when the browser window is close