不能在動態創建的組件訪問成員屬性

Question

這裏是我的代碼

模板：

<button (click)='openModal()'>open</button> 

.TS

@Component({ 
    ..., 
    entryComponents: [ModalComponent] 
}) 

... 

    constructor(
    ... 
    private resolver: ComponentFactoryResolver, 
    private viewContainerRef:ViewContainerRef 
) { } 


    openModal(){ 
    this.cmpRef = this.viewContainerRef.createComponent(
     this.resolver.resolveComponentFactory(ModalComponent) 
    ); 
    this.cmpRef.instance.close.subscribe(e => console.log(e)); 
    } 

我得到：

Property 'close' does not exist on type 'Component'.) 

但當我做console.log(this.cmpRef.instance);我可以看到我的組件與所有成員（包括接近）

接近是EventEmitter EN ModalComponent：

@Output() close: EventEmitter<any> = new EventEmitter<any>(); 

Answer 1

好像你的錯誤信息是靜態的錯誤，而不是運行時錯誤。

(this.cmpRef.instance as ModalComponent).close.subscribe(e => console.log(e)); 

Answer 2

你應該投你的實例ModelComponent爲打字稿編譯器把它撿起來：

(<ModalComponent>this.cmpRef.instance).close.subscribe(e => console.log(e));