如何验证表单中所需的文件上载

Question

我希望用户单击一个按钮，一次上载一个文档。

目前，当用户上载文档时，它会将“documents”控件标记为满意。但是，如果用户尝试上载另一个文档，但随后取消，则会将控件标记为不满意。它仍然有第一个文档，但在文件资源管理器上单击“取消”似乎会使验证器认为没有上载任何文档。我怎样才能避开这件事？

在我的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表单字段设置为无效？