Исключение реактивной формы для ввода файла - PullRequest
1 голос
/ 05 августа 2020

У меня есть следующая реактивная форма с настройкой входов материалов в HTML:

<form [formGroup]="form">
  <input
    matInput
    accept=".txt"
    autocomplete="off"
    floatPlaceholder="always"
    formControlName="input"
    multiple="multiple"
    placeholder="Input"
    type="file"
    (change)="fileChanged($event)"
  />
</form>

И она определена как таковая в машинописном тексте (Angular 9):

private buildForm(): FormGroup {
  return this.formBuilder.group({
    input: [null, [Validators.required]],
  });
}

Рабочий процесс состоит в том, что у меня есть мастер, так что на шаге 1 он отображает форму, на шаге 2 он анализирует контент, который был передан в записи, которые отображаются в сетке, а на шаге 3 он отправляет запрос обратно -end.

Проблема, с которой я сталкиваюсь, заключается в том, что переход от шага 1 к шагу 2 работает нормально, текстовые файлы анализируются правильно, и он создает записи в моей сетке. Однако, если я попытаюсь go с шага 2 вернуться к шагу 1 (допустим, что пользователь хочет добавить новый файл или удалить существующий), я получаю следующее исключение в консоли:

ERROR DOMException: была предпринята попытка использовать объект, который не годится или больше не может использоваться

Я предполагаю, что значение, сохраненное в FormGroup, не соответствует тому, что HTML ожидает в значении и поэтому вылетает.

Могу ли я что-то сделать, чтобы входные данные могли ссылаться на файлы, которые ранее выбрал пользователь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...