góc 2 - phá hủy thành phần con

Question

Tôi bắt đầu với góc 2, tôi có một bộ phận trẻ em "ChildCmp" khởi tạo và sau khi tôi cần phá hủy thành phần thông qua một nhấp chuột, chúng ta hãy nói:

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

nhưng mã trước doesn 't chạy, phá hủy() là undefined và ngoại lệ là:

TypeError: this.childCmp.destroy is not a function

tôi đã đọc this thread và có đang sử dụng ViewContainerRef.createComponent(), thành phần tạo ra với điều này là một thể hiện của "ComponentRef", nhưng childCmp không có triển khai "ComponentRef".

Làm cách nào tôi có thể triển khai hoặc tiêm phương pháp tiêu diệt?

Cảm ơn tất cả!

Answer 1

Hãy thử

export class MainCmp { 

    @ViewChild(ChildCmp) childRef: ChildCmp; 

    destroyClick() { 

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