Angular2 ngOnDestroy、イベント

Question

を発行すると、ngOnDestroyでカスタムイベントを発行できますか？私は試してみましたが、うまくいかないようです...基本的に指示がUIから削除されたときを知る必要があります。

@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

EventEmitterは、コンポーネント自体ではなくサービスで定義されていると思います。このようにして、コンポーネントはサービスのこの属性を利用してイベントを発行します。

他の要素/コンポーネントが通知されるように、この持つEventEmitterで購読することができます

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'); 
    } 
} 

：

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

が、それはあなたのお役に立てば幸い、 ティエリー