首页 > 解决方案 > 如何手动触发事件并进行更改检测?

问题描述

当我拖动组件的根元素时,假设组件中存在拖动侦听器,例如:

@HostListener('drag', ['event'])
onDrag(e) { ... }

每次事件发生时,变更检测也会发生,因为事件是异步操作。

但是,当手动触发拖动事件时,我似乎无法进行更改检测。

let event = new Event('drag');
fixture.nativeElement.dispatchEvent(event);

这将调用拖动侦听器,但不会触发更改检测。

为了清楚起见,我知道我可以手动触发事件,然后detectChanges()也可以手动调用,但我希望事件能够像在现实生活中一样触发更改检测。

标签: angulartestingangular-changedetection

解决方案


我错了,fixture.nativeElement.dispatchEvent(event);会触发变更检测。监视时很容易看到这一点component.ngZone.run


推荐阅读