在表单组中设置可选属性

Question

我正在尝试创建带有可选属性的表单组。 imageName应该是可选的。

组件

this.formbuilder.group({
      details:[''],
      date:[''],
      imageName : ['']
    })

Answer 1

尝试生成这样的formGroup

formGroup: FormGroup;

this.formGroup = new FormGroup({
      details: new FormControl(null, [Validators.required]),
      date: new FormControl(null, [Validators.required]),
      imageName: new FormControl(null)
    });

在HTML中，您可以使用formControlName

设置每个输入

<input type="text" formControlName="details"> 

Answer 2

使用formBuilder尝试

this.formbuilder.group({
  details:['', Validators.required],
  date:['', Validators.required],
  imageName : ['']
})