Angular 2動態組件單擊事件

Question

我正在嘗試動態創建組件，但我想向它添加一個單擊操作，但我不知道該如何操作。我試圖這樣做：

constructor(public navCtrl: NavController, private resolver: ComponentFactoryResolver) { 
    this.lastSelectedResource = this.defaultImage; 
    } 

    public createNew() { 
    this.container.detach(0); 
    } 

    ngAfterContentInit() { 
    let widgetFactory = this.resolver.resolveComponentFactory(CreateComponent); 
    let widgetReference = this.container.createComponent(widgetFactory); 
    widgetReference.instance.click = this.createNew; 
    } 

但是不是這樣做的。任何人都知道如何？

Answer 1

，你可以注入渲染器，並使用

this.renderer.listen(widgetReference.location.nativeElement, 'click', (event) => { this.createNew(e);}); 

類似Angular2 - catch/subscribe to (click) event in dynamically added HTML

（widgetReference.location提供ElementRef）