Angular |如何更改 FormArray 的顺序？

Question

这个问题在这里已经有了答案:





Angular - How to reorder items in FormArray?

(2 个回答)


8 个月前关闭。




我正在我的 Angular 应用程序中使用 FormArray 构建一个表单:

public form = new FormGroup({
   experiences: new FormArray([])
});

用户可以向阵列添加体验:

addExperience(lotsOfVars) {
   const formGroup = new FormGroup({ /* creating a formgroup*/})
   (<FormArray> this.form.get('experiences')).push(formGroup);
}

一项新要求是允许用户更改先前输入体验的顺序:



问题:这是如何最好地实现的？

预期结果(类似):

moveUp(i: number) {
  (<FormArray> this.form.controls['experiences']).at(i).moveUp()
} 

Answer 1

你可以交换控件。

// clone object (otherwise only pointer/reference is saved).
const temp = Object.assign({}, (<FormArray> this.form.controls['experiences']).at(i - 1).value);
(<FormArray> this.form.controls['experiences']).at(i - 1).setValue((<FormArray> this.form.controls['experiences']).at(i).value);
(<FormArray> this.form.controls['experiences']).at(i).setValue(temp);

如需更详细的答案，您可以 check this post .