Вопрос проверки флажка в реактивной форме угловой 6

Question

Как проверить флажки в реактивной форме. Я сделал, но столкнулся с небольшой проблемой. В моем коде я получаю текст метки красного цвета для невыбранных флажков. Но после того, как я установил флажок, до сих пор красный цвет подходит к флажку.решить эту проблему?

app.component.css:

.ng-invalid{
  color:red; 
}

app.component.ts:

function selectedallCheckboxes() {
  const validator: ValidatorFn = (formArray: FormArray) => {
    const totalSelected = formArray.controls
      .map(control => control.value)
      .reduce((prev, next) => next ? prev + next : prev, 0); 
      return totalSelected >= formArray.length ? null : { required: true };
  }; 
  return validator;
}

Демонстрация: https://stackblitz.com/edit/angular-6d7u86?file=src%2Fapp%2Fapp.component.ts