时间戳

首页 > 解决方案 > 如何检查 FilePond 组件的有效性（使用 ngx-filepond）？

angular - 如何检查 FilePond 组件的有效性（使用 ngx-filepond）？

问题描述

我将 Angular FilePond ( ngx-filepond ) 与文件大小验证插件一起使用，并希望能够防止用户在文件太大时提交。

选择大文件时插件会显示正确的错误消息，但是在将数据发布到服务器之前，我应该如何最好地检查 FilePond 组件实例的有效性？

我尝试使用 @ViewChild 注入 FilePond 组件（如此处所述），但注入实例的状态属性始终为undefined，无论文件是否有效，所以我不确定这是否是要走的路。

我发现检索有效性状态的唯一方法是读取onaddfile事​​件的状态属性。似乎只有在出现验证错误时才设置此属性？

public postHandleAddFile(event: any) {
  console.log(event.status);
}

检查组件有效性状态的首选方法是什么？

标签： angularvalidationfilepond

解决方案

推荐阅读