Angular проверка формы и ngClass не работает с несколькими условиями

Question

Я хочу применить недопустимый класс Bootstrap к текстовой области при отправке формы, когда оба условия выполняются. Вот мой код

HTML

<textarea 
    class="form-control" 
    rows="5" 
    placeholder="Add Text" 
    id="event"
    formControlName="incident"
    [ngClass]="{'is-invalid': incident.errors?.minlength && formSubmitAttempt === true } ">
  </textarea>

ANGULAR КОМПОНЕНТ

formSubmitAttempt = false;

this.eventForm = new FormGroup({
incident: new FormControl('', Validators.minLength(25)),
})

onSubmit(eventValue: Object) {
    this.formSubmitAttempt = true;
  }

Answer 1

Я понял, не самый чистый, но ...

[ngClass]="{'is-invalid': eventForm.get('incident').errors && formSubmitAttempt == true || eventForm.get('incident').pristine && formSubmitAttempt == true} ">