如何在Angular 5 Reactive Forms中验证所需的文件上传



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

目前,当用户上传文档时,它确实会将"文档"控件标记为满足。但是,如果用户尝试上载另一个文档,但随后取消,则会将控件标记为不满足。它仍然有第一个文档,但在文件资源管理器上单击"取消"似乎会让验证器认为没有上传任何文档。我该怎么绕过这个?

在我的html:中

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

在我的.ts:中

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

现在,我的uploadDocument((函数对验证没有任何作用。

所以我自己解决了这个问题。当我试图上传文档时,我最终订阅了更改事件,然后基于一些条件,我手动使Validator无效或验证了Validator。

关于这个主题的更多信息可以在这里找到:如何手动将Angular表单字段设置为无效?

相关内容

  • 没有找到相关文章

最新更新