Угловой 2 EventEmitter Issue

Question

У меня есть @Output типа EventEmitter<any> в компоненте. Выход работает, если я вызываю .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, может работать вне зоны углов. Пожалуйста, попробуйте

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