Angular 4: `ExpressionChangedAfterItHasBeenCheckedError: la expresión ha cambiado después de que se verificó

Cada EventEmiiter en mi módulo secundario da este error y no puedo encontrar una solución para esto.

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'true'. Current value: 'false'.

Esto es lo que activa mi EventEmitter:

ngOnChanges(changes: any) {
    if (changes.groupingTabValid) {
        if (changes.groupingTabValid.currentValue !== changes.groupingTabValid.previousValue) {
            this.groupingTabValidChange.emit(this.groupingTabValid);
        }
    }
}

Aquí está el HTML de mi componente "principal"

<year-overview-grouping [definitionDetails]="definitionDetails"
                        [fixedData]="fixedData"
                        [showValidation]="showValidation"
                        [groupingTabValid]="groupingTabValid"
                        (groupingTabValidChange)="setValidators('groupingTab', $event)">

</year-overview-grouping>

Que llama a esta función

public setValidators(validator: string, e: boolean) {
    switch (validator) {
        case "groupingTab":             
            this.groupingTabValid = e;
            break;

        case "selectionTab":
            this.selectionTabValid = e;
            break;
    }

    if (this.groupingTabValid && this.selectionTabValid) {
        this.valid = true;
    } else {
        this.valid = false;
    }
}

1) En una explicación simple, ¿qué está causando este error?

2) ¿Qué pasos puedo tomar para resolver esto?

Respuestas a la pregunta(5)

Su respuesta a la pregunta