我希望用户单击一个按钮,一次上传一个文档。
目前,当用户上传文档时,它确实会将"文档"控件标记为满足。但是,如果用户尝试上载另一个文档,但随后取消,则会将控件标记为不满足。它仍然有第一个文档,但在文件资源管理器上单击"取消"似乎会让验证器认为没有上传任何文档。我该怎么绕过这个?
在我的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表单字段设置为无效?