Angular2 - 親コンポーネントへのタイムアウト機能によるEventEmitterの変数

Question

子コンポーネントのEvent Emitterに問題があります。

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

Arrow functionを使用して、thisを正しく指定してください。