У меня есть следующая реактивная форма с настройкой входов материалов в 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 ожидает в значении и поэтому вылетает.
Могу ли я что-то сделать, чтобы входные данные могли ссылаться на файлы, которые ранее выбрал пользователь?