来自 Angular 外部的变更检测和事件

Question

我创建了一个使用非常大的外部库的 Angular 7 应用程序。除了来自外部来源的事件外，我已经成功完成了所有事情。

我在那个外部源上有一个事件监听器，它触发并将数据发送到我的 Angular 应用程序。

externalApp.event((data)=>{
  this.externalMonitorService.newData(external.data)
});

效果很好。

此函数然后使用 BehaviorSubject 并发出数据

newData(data){
  this.mySubject.next(data);
}

这也很好。

我可以在任何组件中订阅它并且我得到更改，它工作正常。

但是，在我的模板中，我不能使用异步管道，因为它不会检测到更改。我必须ChangeDetectorRef 并更新一个变量，然后调用detectChanges。

我不想担心这个订阅，必须在每个组件中实现这个逻辑，这非常 ummmm...reactive 打破。

我是否遗漏了一些我不知道的 Angular 深处的东西？有没有一种角度的方法，也许是 NgZone，我可以调用一些东西让 Angular 知道，这些数据来自外部源，将其视为更改，因此我不必在任何地方实现这个逻辑。

Answer 1

也许你应该注入 ngZone 并将调用包装到它的 run 方法中。

this.ngZone.run(() => this.externalMonitorService.newData(external.data));