javascript - Angular2 - 通过超时函数将带有 EventEmitter 的变量传递给父组件

Question

我对子组件中的事件发射器有疑问。

我想将带有 EventEmitter 的变量传递给父组件，但要使用超时功能。现在它看起来像这样:

child :

export class AlertSuccess implements OnChanges {

    @Input() success: SuccessCRM;
    @Output() emitCollapse:EventEmitter<any> = new EventEmitter();

    private info_ico: string = require('../../public/images/iconInfoTip.png');
    public state: boolean = false;

    constructor() {}

    collapseAlert () {
        let alert = document.getElementById('success');
        setTimeout(function() {
            console.log("BEFORE EMITTED STATE!!!!!: ", this.state );
            console.log(this.emitCollapse);
            this.emitCollapse.emit(this.state); 
        }, 500);
    }

    ngOnChanges(changes: SimpleChanges):void {
        console.log("CHANGES: ", this.success);
        this.collapseAlert();
    }
}

在父级中一切正常，我有通过模板传递的方法。

发射器在没有超时功能的情况下工作。请帮我执行到超时!

问候加油!

Answer 1

使用箭头函数指向正确的this。

setTimeout(() => {
    console.log("BEFORE EMITTED STATE!!!!!: ", this.state );
    console.log(this.emitCollapse);
    this.emitCollapse.emit(this.state); 
}, 500);