Угловое 2 - уничтожить ребенка компонент

Question

Я начинаю с угловыми 2, у меня есть ребенок компонент «ChildCmp» инициализируется и после того, как мне нужно уничтожить компонент через клик, скажем:

@Component({ 
selector: 'main-cmp', 
templateUrl: './main-cmp.html', 
directives: [ChildCmp] 
}) 
class MainCmp { 
    @ViewChild(ChildCmp) 
    childCmp: ChildCmp; 
    destroyChildClick(){ 
     this.childCmp.destroy(); 
    } 
} 

но предыдущий код Безразлично «т бежать, уничтожить() не определен и исключение:

TypeError: this.childCmp.destroy is not a function

Я прочитал this thread и там используют ViewContainerRef.createComponent() компонент создается с этим экземпляром «ComponentRef», но childCmp не имеет реализации «ComponentRef».

Как я могу реализовать или ввести метод уничтожения?

Спасибо за все!

Answer 1

Попробуйте

export class MainCmp { 

    @ViewChild(ChildCmp) childRef: ChildCmp; 

    destroyClick() { 

     if (this.childRef) { 
     this.childRef.destroy(); 
     } 
    } 
}