Angular 使用数据验证图像的表单 URL（base64 字符串）

Question

我正在使用 angular 4 并使用离子反应形式。

我想要的是让用户从设备图库上传图片。

这是我控制器中的内容。

  this.imageForm=this.formbuilder.group({
  image1:['',[Validators.required]],
})

在我的模板中，我有以下内容。

   <img *ngIf="imageForm.controls.image1.value" formControlName="image1" src="{{imageForm.controls.image1.value}}">

我不断收到以下错误。

Error: No value accessor for form control with name: 'image1'

Answer 1

这不是获取表单控件值的正确方法。这就是您在 *ngIf 和 src:

中想要的

imageForm.get('image1').value

Angular Form Validating Image with Data URL (base64 string)