Angular2 ngOnDestroy, emit evento

Question

è possibile emettere un evento personalizzato su ngOnDestroy? Ho provato, ma sembra che non funzioni ... Fondamentalmente ho bisogno di sapere quando una direttiva viene rimossa dall'interfaccia utente.

@Output() rowInit = new EventEmitter(); 
@Output() rowDestroy = new EventEmitter(); 

ngAfterViewInit() { 

    this.rowInit.emit(this); 
} 

ngOnDestroy() { 
    console.log("I get called, but not emit :(, ngAfterViewInit works :)"); 
    this.rowDestroy.emit(this); 
} 

Answer 1

Penso che si potrebbe usare un EventEmitter definita in un servizio anziché all'interno del componente stesso. In questo modo, il tuo componente sfrutterà questo attributo del servizio per emettere l'evento.

import {EventEmitter} from 'angular2/core'; 

export class NotificationService { 
    onDestroyEvent: EventEmitter<string> = new EventEmitter(); 
    constructor() {} 
} 

export class MyComponent implements OnDestroy { 
    constructor(service:NotificationService) { 
    this.service = service; 
    } 

    ngOnDestroy() { 
    this.service.onDestroyEvent.emit('component destroyed'); 
    } 
} 

Altri elementi/componenti possono sottoscrivere su questo EventEmitter da notificare:

this.service.onDestroyEvent.subscribe(data => { ... }); 

Spero che ti aiuta, Thierry