Czy komponent wywołuje zdarzenie samozniszczenia

Question

Mam element nadrzędny, który otwiera nowy komponent po kliknięciu łącza, ten nowy komponent powinien mieć przycisk zamykania, który przy zamknięciu wysyła wiadomość zamykającą do rodzica i niszczy się .

Możemy wysłać wiadomość zamykającą, używając metody ngOnDestroy, ale w jaki sposób powołać się na zniszczenie komponentu potomnego.

<parent> 
    <child></child> //child to be opened on click but close 
        //event should be inside the child componenet 
</parent> 

Popraw mnie, jeśli mam tu jakiś błąd koncepcyjny. Dzięki

Answer 1

Jeśli dodać komponent używając ViewContainerRef.createComponent() jak pokazany w Angular 2 dynamic tabs with user-click chosen components, wówczas komponent może zniszczyć się kiedy przechodzą cmpRef do tworzonego komponentu.

W przeciwnym razie nie sądzę, że istnieje sposób. Możesz przekazać wartość rodzicowi, aby *ngIf usunął komponent.

<child *ngIf="showChild" (close)="showChild = false"></child> 

class ParentComponent { 
    showChild:boolean = true; 
} 

class ChildComponent { 
    @Output() close = new EventEmitter(); 

    onClose() { 
    this.close.emit(null); 
    } 
} 

Answer 2

Nie jestem pewien co do czystości takiego rozwiązania, ale użyłem:

this.viewContainerRef. 
     element.nativeElement. 
     parentElement. 
     removeChild(this.viewContainerRef.element.nativeElement);