角2 EventEmitterの問題

Question

EventEmitter<any>の@Outputのコンポーネントがあります。ボタンをクリックした後に関数内で.emit()を呼び出すと出力が機能します。その場合、親コンポーネントのイベントを問題なく捕捉できます。しかし、それは本当にテストの手段と同じです。私が実際にやりたいこと、つまりデータベース呼び出しを行い、成功した場合にイベントを発行しようとすると、イベントは子コンポーネントから放出されたり、親コンポーネントで捕捉されることはありません。ここで私が何を意味するかを示すために、コードを少しです：

testOutput() { 
    this.outputEvent.emit({event: 'buttonClick', message: 'Here is some output'}); 
} 

makeAnUpdate(form) { 
    this._service.makeDbCall(data).subscribe(result => { 
     this.variable = result; 
     this.outputEvent.emit({ message: 'Here is a message to pass', success: true }); 
    }); 
} 

は私もちょうど下記の機能の購読一部内部からイベントを発する機能を呼び出すために試みたが、それはまだ動作しませんでした：

makeAnUpdate(form) { 
    this._service.makeDbCall(data).subscribe(result => { 
     this.variable = result; 
     this.testOutput(); 
    }); 
} 

他に誰かがこの問題を抱えていますか？ここでも、上記のtestOutput関数は、呼び出すと機能しますが、makeAnUpdate関数の内部からは機能しません。

Answer 1

makeDbCallから返されるobservableのコールバックは、Angularsゾーン外で実行される可能性があります。試してみてください

class MyComponent { 
    constructor(private zone:NgZone) {} 
    makeAnUpdate(form) { 
    this._service.makeDbCall(data).subscribe(result => { 
     this.zone.run(() => { 
      this.variable = result; 
      this.outputEvent.emit({ message: 'Here is a message to pass', success: true }); 
     }); 
    }); 
    } 
}