Pausable component which completely turns off angular change detection (should components should have ChangeDetectionStrategy.OnPush)

pausable.component.ts

export class PausableComponent {

    private detectChanges;

    private getCdr() {
        const cdrKey = Object.keys(this).find(key => this[key] &&typeof this[key].detectChanges === 'function');
        return cdrKey && this[cdrKey];
    }

    pause() {
        const cdr = this.getCdr();
        cdr.detach();
        this.detectChanges = Object.getPrototypeOf(cdr).detectChanges;
        cdr.detectChanges = () => {
            return;
        };
    }
    
    continue() {
        const cdr = this.getCdr();
        cdr.reattach();
        cdr.detectChanges = this.detectChanges;
        cdr.detectChanges();
    }
}