我正在开发一个electron应用程序,其客户端是在Angular2编写的.
我遇到很多人遇到的经典问题(例如here和here),即我正在更新组件的数据,但视图没有更新,因为Angular不知道数据有改变.人们建议的解决方案(见上文和here)是在整个组件树上或部分树上手动运行变更检测(类似于Angular 1的$rootScope.$digest和$scope.$digest).
但是,我想避免在zone.run()调用中包装我的所有数据更改,因为它略微违背了使用Angular的目的.
我很确定我知道为什么会发生这种情况：我在Angular之外用电子代码(即main process)创建Bluebird Promises,这些不是Zone知道的,所以他们不会通知Angular这些变化.
不过,我不知道如何解决它.如何在我的电子代码中创建区域感知承诺,以避免必须始终手动运行变更检测？我能否以某种方式将我的蓝鸟承诺转换为区域感知承诺？
编辑：我认为我错了,即使在角度内创建,Bluebird承诺也不会识别区域.他们一般不知道区域.
编辑2：我在上一次编辑中完全错了. Bluebird承诺使用区域可以正常工作.但是,在电子应用程序的上下文中,在主电子过程中创建承诺并在渲染器过程中使用它(Angular生活的地方)不起作用,因为返回的承诺不是区域感知的.从Angular代码创建承诺.
当代码在Angular2之外初始化时,它在Angulars区域外运行.你可以做的是在Angular2代码中移动初始化或使用’zone.run(…)在Angulars区域内移动执行.关于zone.run(…)`没什么不好的.
如果执行的代码仅更改组件的本地属性,则可以使用ChangeDetectorRef.detectChanges()为此组件运行更改检测.
如果代码导致其他组件发生更改(例如this.router.navigate(…)),那么detectChanges()是不够的.对于这种情况,应该使用zone.run().
setTimeout(…)触发整个应用程序的更改检测,应该避免手动调用更改检测.
