Best way to trigger change detection in zone-less Angular Elements app


What do you think is the best way to trigger change detection in a zone less Angular app?

Adding applicationRef.tick(), markDirty and detectChanges in 100’s of different places in the app can’t be the most maintainable solution.

I also came by this thread asking the question:

I have created a directive and base component class that provide for easy hooking in change detection using this:

@HostListener('click', ['$event'])
@HostListener('change', ['$event'])
public runCD() {

What do you think? Any better options?