어떻게 Angular 2 구성 요소 자체를 파괴합니까?

Question

부모에 단추가있는 여러 개의 드롭 다운 메뉴 구성 요소를 만들고 있지만 그 구성 요소에 자체적으로 파괴되는 단추가 있어야합니다. 나는 그것이 간단하다고 확신하지만 그것을 할 수있는 것을 찾을 수 없을 것입니다. 부모에게서 그것을 어떻게 없앨 지 알지만 내면에서 그렇게 할 수는 없습니다. 누구 알아? 그리고 그것이 파괴되기 바로 전에 어떻게 알려주는 메시지를 부모에게 보냅니 까? (나는 부모에게서 그 인스턴스를 가지고 있지만 신호가 필요한 부모에게는 다른 것들이있다)

나는 동적으로 viewContainerRef.createComponent을 사용하여 생성한다. 템플릿은 다음과 같습니다

<template item-host></template> 

가 나는 @Output 노력이있어 :

<template item-host [ERROR ->](destroyCheck)="someMethod($event)"></template> 

Answer 1

이 상위 구성 요소 핸들에서 이런 식으로 A 출력 변수

@Output() destroyCheck:EventEmitter<string>=new EventEmitter<string>(); 

ngOnDestroy(){ 

      this.destroyCheck.emit('destroyed'); 

} 

를 선언합니다.

<div> 
    <child-comp (destroyCheck)="someMethod($event)"> </child-comp> 
</div> 

귀하의 방법은

someMethod(something){ 
    console.log(something); 
}