自定义组件所需的验证

时间:2018-03-13 15:16:05

标签: angular

验证如何在this自定义组件上运行?

目前,Angular 具有文件输入的ControlValueAccessor。这是我在为这个自定义组件构建访问器时遇到的困难,因为它在内部使用了<input type="file">

1 个答案:

答案 0 :(得分:0)

您应该将方法绑定到输入的change事件:

<input type="file" (change)="onInputTypeFileChange($event)" />

然后手动设置表单值:

onInputTypeFileChange(event) {
    const fileList: FileList = event.target.files;
    this.form.get(this.yourInputFieldId).setValue(fileList);
}

一旦你有了,其余的是标准的角形式处理