Как проверить правильность загрузки файла в Angular 5 Reactive Forms

Question

Я хочу, чтобы пользователь нажимал кнопку, чтобы загрузить документ по одному.

В настоящее время, когда пользователь загружает документ, он помечает элемент управления «документы» как удовлетворенный.Однако, если пользователь пытается загрузить другой документ, но затем ОТМЕНА, он помечает элемент управления как неудовлетворенный.У него все еще есть первый документ, но щелчок по отмене в проводнике файлов, кажется, заставляет валидатор думать, что ни один документ не был загружен.Как мне обойти это?

в моем html:

<input type="file" formControlName="documents" (change)="uploadDocument($event.target.files)">

в моем .ts:

this.formGroupName=this.formBuilder.group({
  documents: ['', Validators.compose([Validators.required])]
});

Сейчас моя функция upoadDocument () не работаетсделать что-нибудь с проверкой.

Answer 1

Так что я исправил это сам.В итоге я подписался на событие изменения, когда пытался загрузить документы, и затем, основываясь на нескольких условиях, я вручную аннулировал или подтвердил валидатор.

Подробнее об этой теме можно узнать здесь: Как вручную установить поле формы Angular как недействительное?