Angular表单数组索引没有传递到输入文件类型更改事件中_编程开发

Angular表单数组索引没有传递到输入文件类型更改事件中

创始人

2024-10-23 08:02:12

0次

在Angular中，如果要在表单数组索引没有传递到输入文件类型更改事件中时解决问题，可以按照以下步骤进行：

在你的组件中，创建一个表单数组，用于存储输入文件的值。例如：

formArray: FormArray;

constructor(private fb: FormBuilder) {
  this.formArray = this.fb.array([]);
}

在模板中，使用formArrayName指令来关联表单数组。例如：

在组件中，创建一个处理输入文件更改的方法，并将索引传递给该方法。例如：

onFileChange(event: any, index: number) {
  if (event.target.files && event.target.files.length) {
    const file = event.target.files[0];
    this.formArray.at(index).setValue(file);
  }
}

最后，在你的表单组中，将表单数组添加到你的表单组中。例如：

yourFormGroup: FormGroup;

ngOnInit() {
  this.yourFormGroup = this.fb.group({
    yourFormArray: this.formArray
  });
}

通过这些步骤，你就可以在输入文件类型更改事件中获取正确的表单数组索引，并将文件值设置到正确的位置上。

上一篇：Angular表单数组上的单选按钮未正确切换

下一篇：Angular表单数组验证问题

Angular表单数组索引没有传递到输入文件类型更改事件中

相关内容

热门资讯