不能在动态创建的组件访问成员属性

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));